Bistro React Template – Terroira

About This Item

Terroira React is a bistro React template, made for a French bistro. It rebuilds the Terroira design as a React 18 app with Vite. Every page is a function component, and React Router moves between all 30 pages without a reload.

The look and the content match the Terroira demo. Underneath, the bistro, wine & booking logic runs in React state. That covers the region on the carte from the visitor’s date and lunch or dinner served now from the kitchen’s hours, and the page updates the moment a visitor changes an option.

Three Home Pages As Components

• Le Bistro – a hero slider with numbered arrows, the month’s three signature dishes in arches.
• La Formule – a hero with a marble booking card, the dishes rail, Formule Assembly.
• Le Tour – a split hero, this month’s region and next month’s.

Bistro, Wine & Booking Pages In React

• La Carte – this month’s region by course with the matched glass and the supplement inside a.
• The Formules – a builder: two or three courses, lunch or dinner, a dish per course.
• Le Tour De France – twelve regions, one a month, each with two entrées, three plats, two desserts.
• Wine By The Glass – this month’s glasses, carafes and bottles beside the plates they match.
• Book A Table – a five-step wizard: party and day, seating and a time from the kitchen’s hours.
• Private Dining – three rooms by party size, menus by the head.

Bistro React Template Features

• React 18 function components and hooks across 30 pages
• Vite for a fast dev server and an optimised production build
• React Router routes for every page, including the three home pages
• Cart, theme and language state shared through React Context
• Light and dark mode on one switch, remembered between visits
• Right-to-left layouts for every page
• Responsive from phones to wide screens
• Documentation for setup, structure and changes

Getting Started

First, install Node 18 or newer. Then run npm install and npm run dev to open the site locally. When it is ready, npm run build writes static files that any host can serve.

Looking for this bistro React template in another stack? Terroira also comes as HTML5, Vue, Angular and WordPress. You can get every format in the developer bundle at 20% off, or browse more Restaurant & Cafe React templates.

Built with React and Vite, with Fanwood Text and Libre Franklin from Google Fonts.