Websites · React
Neighbourhood café
Warm café website with a full menu, opening hours, events and a table booking form.
What you get
A one-page site for a café or bakery: an inviting hero, the full menu with prices, a story section, guest quotes, opening hours with the address, and a booking form. All content lives in src/site.ts.
Files
Exactly what is copied into a new project: 13 files, nothing generated.
Explorer 13
<!doctype html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Larder & Loaf</title> <meta name="description" content="Warm café website with a full menu, opening hours, events and a table booking form." /> <meta name="theme-color" content="#faf8f5" /> <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Fraunces:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap" /> </head> <body> <div id="root"></div> <script type="module" src="/src/main.tsx"></script> </body></html>Remix
Remix this template
Describe what to change and the agent starts from Neighbourhood café's files. The box is already started for you: finish “Start from Neighbourhood café and …”
Dependencies
Documented from the template's package.json. The runtime has a prebuilt dependency set for Vite + React + TypeScript, so installs are fast.
- react^19.1.0
- react-dom^19.1.0
- vite^6.3.0
- @vitejs/plugin-react^4.4.0
- tailwindcss^4.1.0
- @tailwindcss/vite^4.1.0
- typescript^5.8.0
How it runs
- Framework
- Vite + React + TypeScript
- Dev command
- npm run dev
- Build command
- npm run build
- Output directory
- dist
- Port
- 5173
- Entry route
- /
Projects run in an isolated sandbox with a live preview. Read the projects documentation for settings, snapshots and deployment.
Keep browsing
All templates
Architecture studio
Editorial architecture practice site with selected projects, the studio's approach, a short history and the team.
Boutique hotel
Elegant small-hotel website with rooms and rates, the restaurant, guest notes, arrival details and a stay request form.
Static website
Plain HTML, CSS, and JavaScript with no build step. Ideal for simple sites and learning.
Build on Neighbourhood café
Create a free account, start from this template, and ask the AI agent to turn it into your app.