Kafe – Coffee Shop & Café Bar Astro Template
The Kafe coffee-house design as an Astro 7 project, with both looks (After Hours night and Pour Over day) in one setting: menu, chefs, gallery and events as JSON collections, a page per event, Markdown news posts, SEO, and five forms that post to your endpoint.
Astro Template · single-site commercial license · included with Pro
- Astro
- Bootstrap 5
- HTML
- CSS
- JS
- Released Nov 2026
- v1.0 · Nov 2026
- 12 pages+ 4 HTML emails
- v1.0updated Nov 2026
- 1views
The Kafe coffee house, kitchen and bar design as an Astro 7.3.3 static-site project. It carries both of the template's looks: After Hours, a night-time café-bar with a glowing neon sign, and Pour Over, a daylight coffee house with a glass that pours itself. Pick one with a single setting in site.json. Copy, the menu, the chefs, the gallery and the events live in content files; npm run build gives you plain HTML, CSS and JS to host anywhere, with no server and no database.
- Events with a page each: every entry in
events.jsongets its own page at/events/<id>/with its menu or running order, price, time and a seats form that sends the event's name. Cards are sorted by date, and the home page shows the next two. - The menu, chefs and gallery as collections with schemas: menu cards (searchable from the header), the chef slider, and gallery photos whose tabs come from the categories you give them.
- News posts in Markdown: six posts to start from, each with its own page, the chef's author card, a latest-news side list, related posts, comments and an RSS feed.
- Eleven pages: home with a hero slider and an open-now lamp driven by your opening hours, about, menu, gallery, events, event detail, reservation, news, news post, contact with map, and 404.
- Five working forms: table booking, contact, newsletter, event seats and comments, with validation, posting to the endpoint you set in
.env(Formspree, Basin, Getform, Netlify Forms or your own), one address per form if you like. Four matching HTML emails are included. - SEO built in: titles, descriptions, canonical URLs, Open Graph cards, structured data (posts and events), sitemap, robots.txt and RSS. 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.
- Two designs in one project, After Hours (night) and Pour Over (day), picked with one setting
- A page for every event from events.json, with its own menu, price and seats form
- Menu, chefs and gallery as JSON collections; six Markdown news posts with comments and RSS
- SEO head, sitemap and WebP photos built in; astro check passes with 0 errors
- Booking, contact, newsletter, event seats and comment forms that post to Formspree, Netlify Forms or your own endpoint
Pages
Features
| Template Type | Premium |
|---|---|
| Compatible Browsers | Opera, Firefox, Google Chrome |
| Banner Slider | Bootstrap Carousel |
| Link hover effetcs | Yes |
| Coding | HTML 5, CSS 3, 1170 Grid System, Bootstrap 5 |
| Forms | Reservation Form, Newsletter Subscription, Booking Form, Comment Form, Search Form, Contact Form, Subscribe Form |
| Additional Features | Google Map, Light box, Gallery, Favicon, Responsive Design, Social Links, Back To Top Button |
| Image Sources | Stocksnap, Pixabay |
| WordPress Theme? | No |
| HTML Template? | No |
| Next.js Template? | No |
| Pages | About Page, Blog, 404 Page |
| Astro Template? | Yes |
What’s new
- Initial release.
Already downloaded this template? Your My Downloads page always serves the latest version — re-download free.
Download Details
- Published
- November 08, 2026
- Categories
- Food & Restaurant
- Tags
- CafeCoffee houseEvents WebsiteMenuPremiumReservationRestaurantresponsivewebsite template
Source
- Astro
- Bootstrap 5
- HTML
- CSS
- JS
- TypeScript
Please note that the images in the template will be blurred in the downloaded package.
Support
Facing issues with this template? Write to support@themevault.net and we'll help you out.
License
Single-site license; see full terms. Read the license.
Reviews
No reviews yet — be the first to review this template.
2 designs in one download
Kafe Astro ships two complete designs on the same pages — pick one when you build your site. Switch between them in the live preview with the View control on the right.
See all 15 pages at a glance
Each page is built and ready, including the 404 page and the emails.
Homeindex.html
Contactcontact.html
Aboutabout.html
Menumenu.html
Gallerygallery.html
Eventsevents.html
Reservationreservation.html
Newsnews.html
Event detailevent-single.html
News detailnews-single.html
404404.html
Email: contactemail-contact.html
Email: event rsvpemail-event-rsvp.html
Email: newsletter welcomeemail-newsletter-welcome.html
Email: reservationemail-reservation.html
The home page on a phone, as it looks in the live demo.
About this template
What does the license cover?
One website, commercial use included. Read the license for the full terms.
Is Kafe Astro included with Pro?
Yes. Pro includes every format of every design, with the credit link removed, for $49.00₹2,999 a year as one payment.
Will I get updates?
Yes. Your My Downloads page always serves the latest version, so you can re-download an update free. The What's new tab lists what changed in each version.
Are the photos included?
The images in the template are blurred in the downloaded package, and the photos in the live demo are for the demo only. Add your own images.
Subscribe Us
View Similar Templates
View Blog
- Web Development
- November 03, 2026
Astro vs Next.js for a Business or Marketing Website (2026)
We built the same restaurant website in Astro and in Next.js with an admin panel, then measured both. Where Astro wins, where Next.js wins, and how to choose.
- Wordpress
- Web Development
- November 03, 2026
HTML Template to WordPress: Convert It Yourself or Use a WordPress Version?
We turned our Bistrofeast HTML template into a WordPress theme by hand. Every step, the mistakes, how long it took, and when a WordPress version saves you days.
- Wordpress
- Web Development
- November 02, 2026
How to Install an Elementor Template Kit (2026 Guide)
We installed the same kit both ways on a clean WordPress site. Where each kind of kit goes, the steps people miss, and what to do when it looks wrong.





