Bloom Bakery Small Business Website Template

Put a neighborhood bakery online, or adapt it to another local shop. Visitors see today’s open status, a menu with prices and dietary labels, and a Visit page with hours, directions, and a contact form. They reserve a weekend box by day and time, up to a set number of boxes per slot, get a confirmation email with a private link to cancel, and pay in store. Owners sign in with an emailed code to see today’s pickups, update reservation statuses, read messages, edit the menu, upload photos, and change hours, pickup times, and the box. The name, contact details, colors, social links, story, and owner list live in one config file that the emails, share tags, and structured data read too. Public forms have a hidden honeypot field and rate limits, and a read-only demo dashboard shows sample data. The business and its details are fictional. Built with Layerwise, React, and TanStack Start.

Use Bloom Bakery for a bakery, cafe, or similar shop whose customers check the hours and menu, reserve a limited item ahead, and pay in person. Choose View demo dashboard in the site footer to see the owner screens with sample data. The bakery, its address, and its customer quotes are fictional, so replace them before you publish.

• A home page, a menu with prices, dietary labels, and sold-out marks, and a Visit page with hours, a drawn street map, and a contact form.
• Weekend box reservations by day and time with a capacity check inside the database insert, a confirmation email, and a private link where customers can cancel. Customers pay in store.
• An owner dashboard with Today, Reservations, Messages, Menu, and Settings, emailed sign-in codes for addresses on the owner list, menu photos in Storage, search and sharing tags, and a read-only demo at /demo.

The template opens as a local project you can change through the conversation or the code editor. You can inspect the source for this template version before choosing how to extend it.

1. 1
   Install Layerwise and sign in. Choose Use this template, select a team and project name in the app, then choose Copy to Layerwise. Wait for setup and the local preview to finish.
2. 2
   Start in src/business.config.ts: the name, contact details, hours, colors, social links, and story. Replace owners and notifyEmail with a real address, because the sample addresses cannot receive mail. Then edit the menu and box in the dashboard. Page headlines, menu categories, illustrations, and the Bakery type in the structured data are in code, so ask the agent to change them for another kind of business, and keep the capacity check in the insert and ownerMiddleware on every dashboard server function.
3. 3
   Ask for the change in the project conversation. This prompt is a starting point; adjust it to describe your intended result.

   Add a Quotes tab to the owner dashboard, after Menu, where an owner can add, edit, delete, and reorder the customer quotes shown on the home page, with fields for the quote, the author, and a short detail. Protect each new server function with ownerMiddleware, show the same screen read-only under /demo using the sample quotes, and keep the home page working with fewer than three quotes.

• Open Weekend box in two tabs and pick the same day and a time showing 6 left. Reserve 4 boxes in the first tab, then choose Reserve and pay in store with 4 boxes in the second; it should show “Only 2 boxes are left at that time. Choose fewer boxes or another time.”
• At Owner sign-in, choose Continue with email with an address that is not in owners; no code should appear under Email → Local. Repeat with a listed address, enter the code, and choose Verify and sign in; Today should open.
• In Reservations, set a reservation to Ready and reload its private link; the page should say “It’s ready” with the customer’s first name. In Settings, set Boxes per time slot to 2 and choose Save pickup capacity; open slots on Weekend box should read Only 2 left.

Local and published apps use separate databases, so menu edits, saved settings, and reservations are not copied, while Storage is shared: upload real photos from the live dashboard. Set demoDashboard to false for a real business. There is no online payment, only the box can be reserved, customers can cancel but not reschedule, and the only customer email is the confirmation. Owners get no email for new reservations or cancellations, quotes are edited on the Database page, and Sold out stays on until an owner turns it off.

Use the local preview controls to test the affected path. When it works, publish a release and repeat the check at the live URL. For saved records or accounts, read about the separate Local and Online databases.

• How to Build a Small Business Website with AIBuild a local business website in Layerwise with a menu, pickup reservations with capacity limits, a contact form, and an owner dashboard.