Every HTML template is free to download and use on unlimited sites. See how pricing works
ThemeVault

Bistrofeast – Restaurant & Café Next.js Template

The Bistrofeast bistro design as a Next.js app with its own admin: one dishes list feeds the hero board, the home tabs and the menu page; a real reservation flow with branded confirmation emails; team, gallery, testimonials, kitchen notes and an enquiry form — all managed in Payload CMS at /admin. Zero-config SQLite, one command to seed and run.

Try the live demo

Next.js Template · single-site commercial license · included with Pro

  • Next.js
  • React
  • TypeScript
  • Payload CMS
  • Bootstrap 5
  • Released Sep 2026
  • v1.0 · Sep 2026
bistrofeast next.js · live demo
  • 11 pages+ 1 HTML email
  • v1.0updated Sep 2026
  • 11views

The Bistrofeast neighbourhood bistro & café design, rebuilt as a Next.js application with Payload CMS embedded at /admin. The menu, the team, the gallery, testimonials, suppliers, kitchen notes, every booking and enquiry, and every fixed text are edited in a clean admin panel; the site renders them on every request, no rebuild.

  • One menu list — every dish has a course, a price, the ember tag and a photo; it appears on the full menu page (course tabs), the home-page "taste of the menu" tabs and the hero's "Tonight's board" with two checkboxes. Change a price and it is live everywhere.
  • Real reservations — the booking form stores every table in the admin with a reference and a status for the floor team, emails you, and sends the guest the branded confirmation email from the template with the date, time, guests and reference filled in (when SMTP is set). Party-size limits and every label are settings.
  • Team (portrait grid + chef cards with bio and email, also the note authors), Gallery with the lightbox, Testimonials per page, Suppliers counter cards.
  • Site Settings on one tabbed screen — header, the signature hero (title lines, accent word, facts, board), every section title, counters, About page story / steps, page headers, contact details, map, the emails, footer, SEO.
  • Built-in enquiry form for private dining and big tables — saved in the admin, emailed to you, confirmed to the visitor.
  • Kitchen notes (blog) with categories, tags, search, author box and reading time; styled 404 and thank-you pages (with the "Table booked" state).
  • Zero-config — SQLite file database, npm run seed loads the demo with an admin user; Postgres swap documented for serverless hosts.
  • Pixel-identical to the free HTML template: the same stylesheet and dependency-free behaviours, Bootstrap 5.3, inline Tabler icons, self-hosted Space Grotesk + Inter. TypeScript, React server components, versions pinned. Next.js 16, Payload 3, Node 20.9+.

Includes README, CONTENT guide, a full online documentation page with admin screenshots, and the free-licence stock photos with credits. The free HTML version and the Astro version of this design are on ThemeVault too.

Pages

Every page

See all 12 pages at a glance

Each page is built and ready, including the 404 page, the thank-you page and the email.

Make it yours

Change one token, the whole site follows

Every colour, font, radius and spacing value lives in one :root block in css/style.css. Swap the brand colour and every button, link and highlight updates.

Primary#d9480f
Primary dark#b23b0c
Accent#f4b942
Ink#141210
Body#5a5550
Surface#f5f2ec
AaSpace GroteskHeadings
AaInterBody text
:root {
  --tv-primary: #d9480f;
  --tv-accent: #f4b942;
  --tv-font-heading: "Space Grotesk", system-ui, sans-serif;
  --tv-radius: .75rem;
}
Bistrofeast Next.js on a phone

Tested on phones, tablets and desktops from 320 to 1440px wide.

Questions

About this template

What does the license cover?

One website, commercial use included. Read the license for the full terms.

Is Bistrofeast Next.js included with Pro?

Yes. Pro includes every format of every design, with the credit link removed, for $49.00₹2,999 a year as one payment.

Will I get updates?

Yes. Your My Downloads page always serves the latest version, so you can re-download an update free. The What's new tab lists what changed in each version.

Are the photos included?

The images in the template are blurred in the downloaded package, and the photos in the live demo are for the demo only. Add your own images.

Subscribe Us

Keep looking

View Similar Templates

All templates
From the blog

View Blog

Live preview

Subscribe To Our Newsletter

Join our mailing list to receive the latest news and updates from our team.