Case study · Personal project · Online store · 2026

A coffee shop online, ready to sell.

A complete shop for a small-batch roaster: bags you can spin in 3D, subscriptions, customer accounts, Stripe checkout and an admin where the owner changes prices and stock. The roastery is made up; the shop is real and ready to hand over.

Open the shop ↗ See the code ↗

The Cinderfield home page: three coffee bags in 3D beside the headline Roasted on Tuesday. In your cup by Friday.

Subscriptions: Every 2 or 4 weeks
Payments: Stripe
Run by the owner: Prices, stock, orders

The idea

A shop that feels like the coffee

A small roaster sells a handful of coffees, roasts once a week and lives on regulars. They need a shop that shows the coffee off, turns one-off buyers into subscribers, and lets the owner run it without calling a developer, with no monthly fee for a shop platform and no plugins to break.

For customers

Easy to choose, easy to come back

The week's coffees in 3D. Bags you can spin with a finger or a mouse, each opening its own page with tasting notes and a brew recipe.
A shop that's easy to search. Filters for roast, type and flavour that live in the address, so a filtered page can be shared.
Subscriptions at 10% off. Every 2 or 4 weeks, with a builder that shows the price per delivery, per month and the yearly saving.
A coffee finder. Four questions score every coffee in stock and explain why the match fits.
Accounts. Order history, subscriptions with their next delivery, and card changes through Stripe.
Emails that look like the shop. A welcome, an order confirmation with each bag pictured, and matching account emails.

For the owner

Run the shop without a developer

A dashboard. Sales over 30 days, the average order, best sellers, low stock and how many bags to roast on Tuesday.
Orders that move along. From paid to roasting, shipped and delivered, with search and filters.
Prices and stock. Edit them, feature a coffee on the home page or take it off sale. The shop updates immediately.
Discount codes. Percentage off, an amount off or free delivery, with an optional minimum spend.

Under the hood

Built so orders are never wrong or lost

Prices checked on the server. The browser sends what's in the bag, never what it costs.
Every customer sees only their own orders. The database itself enforces it, and only the owner can change products and orders.
Payments confirmed twice. By the order page and by Stripe, so a paid order is never missed or counted twice.
Tested. Pricing, discounts, the coffee finder and every database security rule have automatic tests.

Built with

Next.js
React
TypeScript
Tailwind CSS
three.js
Supabase
Stripe
Vercel

Want a shop like this?

An online shop with subscriptions and an admin you run yourself is the kind of web app I build. Tell me what you sell, and I reply within 24 hours.

Tell me what you sell See web apps

Also