Next.js 16
One deployment for the storefront, order flow, protected owner dashboard, API routes and status pages.
← All work
A bakery storefront that runs all the way through fulfillment.
Knead You Goods needed more than a menu page. We built the ordering flow, embedded payments, delivery logic, notifications and a mobile owner dashboard as one connected system. It's complete, and the bakery is taking real orders through it.
Next.js 16SupabaseStripeResendTwilioWeb PushGoogle MapsVercel
The need
Sell directly, without handing the operation to a marketplace.
The owner wanted a professional online ordering system without per-order platform fees or marketplace cuts. A normal brochure site would still leave the hardest work manual: building a custom box, collecting payment, working out delivery, telling both sides what happened and tracking the order to the end.
So the build starts at the landing page and keeps going. The storefront, checkout, order record, owner dashboard, customer tracker and notifications all run from the same order.
BeforeWith the system
Orders coordinated by message
→A mix-and-match builder with box capacity and premium flavour rules
Payment handled outside the order
→An embedded Stripe payment form inside the branded order flow
Owner checks several channels for new orders
→Email, SMS and push alerts routed to the right person
Customers ask where their order is
→A five-stage status tracker that refreshes from the live order
Delivery fee worked out by hand
→Distance-based delivery pricing with a set radius and fee rules
What we built
Commerce logic that stays inside the brand.
The order builder runs on a typed menu model: categories, sizes, box capacities, flavours and premium upcharges. Customers use quantity steppers to build a complete box before they can check out.
Stripe's Payment Element sits inside a custom-themed checkout, so customers never leave the bakery's site. A paid order creates the order record, sends confirmations and gives the customer a page to track it.
- Mix-and-match category, size, flavour and quantity selection with box-capacity checks
- Premium flavour upcharges calculated from the menu model
- Embedded payment form themed to the bakery's brand
- Order lifecycle: placed, preparing, baking, ready, complete
- Installable owner dashboard for the phone, with home-screen support
- Customer email and SMS confirmations; owner email, SMS and push alerts
- Public order tracking that refreshes every 30 seconds
- Distance-based pickup and delivery rules using Google Maps
Behind the build
How the parts connect.
Supabase Postgres
Structured order records shared by checkout, the owner dashboard and public tracking.
Stripe Payment Element
Payment embedded in the branded order flow rather than a hosted redirect.
Resend + React Email
Branded order confirmations and lifecycle emails, plus a separate owner notification.
Twilio + Web Push
Customer SMS updates, owner SMS alerts and push notifications to the owner's devices.
Google Distance Matrix
Server-side mileage lookup feeding the delivery boundary and fee rules.
Where it stands
Complete, live, and taking orders.
Knead You Goods runs on this system today. Customers build their box, pay and track their order on kneadyougoods.com, and the owner manages orders from a phone.
This page describes what was built. We don't publish revenue or conversion figures without the owner's numbers.
Have work like this still done by hand?
Tell us how a job or order moves today. We'll come back with what we'd build first and why.