BakeatHunt – Restaurant Astro Template

The BakeatHunt restaurant design, in fresh green, white and charcoal with rounded Coiny headings, as an Astro 7.3.3 static-site project. The menu, the kitchen team, the blog and the 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: all 36 dishes in dishes.json with prices and courses. The menu, the home page and the order page read the same list, so a price changes in one place.
• An order page with a dish picker: every menu item links to it with its photo, price and category filled in; quantity, pickup or delivery (delivery asks for an address) and a live total.
• Blog in Markdown: seven posts to start from, each with its own page, comments listed under the post, categories and tags with real counts, a search box and an RSS feed. The blog list, grid and post pages are all included.
• The kitchen team as a collection (chefs.json): eight people, each with a profile page, plus the head chef's full page.
• Four home pages (default, one page, slider and parallax), plus about, menu, order, reservation, gallery with a filter and a full-size viewer, FAQ with an accordion, shortcodes, 404 and two HTML emails.
• Forms that send: reservation, order, comment and newsletter forms post to the endpoint you set in .env (Formspree, Basin, Getform, Netlify Forms or your own). The README walks through connecting them and approving comments.
• 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, no jQuery, self-hosted fonts, and npm run check passes with 0 errors.

The demo is the HTML version's demo: the Astro project builds the same pages. Node 22.19 or newer is recommended.