Bistro is a free, responsive landing page template for restaurants, cafés, and bistros, built on the Astro static-site framework with Tailwind CSS for styling and distributed by shadcn/studio. It turns simple content like menu items, offers, and testimonials into a production-ready marketing website with built-in SEO support.
What is Bistro?
Bistro is a free, open-source Astro landing page template created by shadcn/studio, designed specifically for food and beverage businesses. It takes content such as menu categories, dish descriptions, prices, offers, and contact details as configuration and outputs a static HTML website with sections for hero, popular dishes, new items, testimonials, offers, and a reservation CTA. The template runs on Node.js 18, 20, or 22+ and includes pre-configured scripts for development, building, linting, and formatting. It is MIT-licensed, so it can be used freely in personal or commercial projects.
Key Features
- Restaurant-Focused Layouts — Includes hero, menu highlights, featured dishes, offers, and reservation CTA sections tuned for food-service marketing.
- Menu Sections — Categorize menu items with images, descriptions, and prices, and display them in organized blocks.
- Offers & Specials — Promote limited-time deals and seasonal items with dedicated offer components.
- Reservations & Contact — Reservation CTA, address, opening hours, and contact information are built into the layout.
- Built with Astro — Static-first rendering, partial hydration, and fast page loads with built-in SEO support and an RSS feed generator.
- Tailwind CSS 4 — Utility-based styling with automatic Prettier class sorting and easy theming through a single global CSS file.
- TypeScript Support — Type-safe configuration and development, including a
src/consts.tsfile for site settings and SEO metadata. - Accessible Components — Semantic markup and accessible UI patterns are used throughout the template.
Who is it for?
- Restaurant owners — Launch an online presence in an afternoon by editing the menu items, hours, and contact details in the template's configuration.
- Café and bistro operators — Showcase daily specials, customer testimonials, and a clear reservation call-to-action without writing custom code.
- Web developers — Use Bistro as a starting point for client projects, since it follows the copy-and-paste component model of shadcn/studio, letting you modify any Astro or Tailwind file directly.
- Designers — Prototype restaurant website layouts with a mobile-first, responsive design system based on Tailwind CSS.
What can you do with Bistro?
- Restaurant owners: Display your full menu with images and prices, and highlight seasonal offers to attract more customers.
- Developers: Customize the Astro project by adding pages, integrating analytics like Plausible or Google Analytics, or wiring in a reservation backend via the contact form.
- Marketers: Update testimonial text and offer banners through the section data files, then rebuild and deploy the static site to any host.
- Startups: Use the built-in login page and 404 page as placeholders while building out a fuller web application on top of the same Astro setup.
How does Bistro work?
- Install dependencies with
pnpm install(or npm) using Node.js 18, 20, or 22+. - Run
pnpm run devto start the Astro development server athttp://localhost:4321. - Edit
src/consts.tsto set your site title, description, URL, locale, social image, and other SEO fields. - Run
pnpm run buildto generate a static build in thedist/folder, then deploy it to GitHub Pages, Netlify, Vercel, or any static hosting service.
Pricing
Bistro is completely free to use. It is open-source under the MIT license, so there are no licensing fees, and you can modify and redistribute it as needed. The template is part of the shadcn/studio open-source collection.
FAQ
Is Bistro free?
Yes, Bistro is free and open-source under the MIT license. You can download the source, use it in commercial projects, and modify it without paying any fees.
What tech stack does Bistro use?
Bistro is built with Astro (a static site generator) and Tailwind CSS 4 for styling. It also uses TypeScript, Prettier for formatting, and a shadcn/ui-influenced component structure. The development environment requires Node.js 18, 20, or 22+.
What pages and sections are included?
The template includes a homepage with hero, popular dishes, new items, testimonials, offers, and reservation CTA sections, plus dedicated menu and contact/location sections. It also ships with a 404 page, a login page, and an RSS feed generator.
Can I deploy Bistro to any hosting provider?
Yes, running pnpm run build produces static files with relative asset paths, so you can deploy the contents of the dist/ folder to GitHub Pages, Netlify, Vercel, or any other static hosting service without extra configuration.
