Bite On Bite – Restaurant Astro Template

The Bite On Bite restaurant design, in amber and charcoal, as an Astro 7.3.3 static-site project. Copy, the menu, the chefs and contact details live in content files; npm run build gives you plain HTML, CSS and JS to host anywhere, with no server and no database.

• The menu as a content collection with a schema: seven courses (lunch, dinner, bar, cocktails, dessert, wine and private dining) with every dish, price and dietary tag in menu.json, and the eight dish cards of the Menu Grid in dishes.json. Change a price once and it changes everywhere it shows.
• Chefs, services, guest quotes, favourites and the gallery as collections: the four chefs, six service boxes, quotes, three favourites and nine gallery photos each live in their own JSON file, shared by the home page, About and the seven landing variants.
• Blog posts in Markdown: four posts to start from, with a paginated blog list, an article page for each post, and an RSS feed. Five blog layouts (grid, list and left or right sidebar) are included as design options.
• Thirty pages: the home page, four landing layouts and three multi-page home layouts, About, Chef profile, Dish detail, both menu pages, Gallery, Book a Table, Contact, the element pages (typography, buttons, grid, tabs, accordions, alerts, icons), a 404 and four HTML emails.
• Reservation, contact, comment and newsletter forms with validation, posting to the endpoint you set in .env (Formspree, Basin, Getform, Netlify Forms or your own).
• SEO built in: titles, descriptions, canonical URLs, Open Graph cards, structured data, sitemap and robots.txt. Photos are resized and served as WebP by astro:assets.
• Bootstrap 5 with every behaviour in vanilla JavaScript (no jQuery), self-hosted fonts, Font Awesome 6, strict TypeScript with npm run check. Deploys to Netlify, Vercel, Cloudflare Pages, GitHub Pages or any static host.

Includes a README, a CONTENT guide to every file and field, and an online documentation page with screenshots. Photos in the download are blurred placeholders for your own.