React Template for Delis – Larderia

About This Item

Larderia React is a React template for delis, made for a restaurant with its own deli and larder shop. It rebuilds the Larderia 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 Larderia demo. Underneath, the restaurant, larder & dinner logic runs in React state. That covers open now from the kitchen’s and the larder’s hours and the dish of the day picked by weekday, and the page updates the moment a visitor changes an option.

Three Home Pages As Components

• Restaurant & Larder – a forest hero slider with the Book A Table bar.
• Deli & Larder – a full-photo hero with a cream title card, the larder intro, Jar To Plate.
• The Long Table – a cream page with dishes cut to an arch, the larder in four icons.

Restaurant, Larder & Dinner Pages In React

• Dish Of The Day – today’s dish from the visitor’s clock, the week’s seven dishes.
• Book A Table – a four-step wizard: party and day.
• The Larder Shop – seven categories, price filter, sort and search, product page with gallery and tabs.
• Hamper Builder – a kraft box, a willow basket or an oak crate filled from the larder.
• Long-Table Dinners – dinners on their own repeat rules with every date of the next three months.
• Private Events – three rooms by party size, menus by the head.

React Template for Delis 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 React template for delis in another stack? Larderia 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 Lora and Catamaran from Google Fonts.