Faceted catalog & search
Browsing with search and filters across categories, products and variants.
Case study 01/Full-stack e-commerce/2026
Nova.
A complete online marketplace — “the everything market.” Faceted catalog search, a cart that reserves inventory, Stripe checkout, accounts with transactional email, and an admin console for running the store. Built from a design spec through to a deployed product.
- Role
- Design & full-stack build
- Type
- Multi-vendor marketplace
- Timeline
- 7 phases, spec → deploy
- Status
- Live on Vercel
The storefront — faceted catalog, search, cart. Try the live version for the full flow.
Nova.
🛍 {{ cartCount }} · {{ cartTotal }}
- {{ line.name }} {{ line.qty }} {{ line.price }}
Cart's empty — add something below.
Ronin R007
$10.00
Aster Lamp
$48.00
A trimmed slice of the storefront — add a couple of items, then open the real store to check out.
( Overview )
Nova is a real marketplace, not a mockup of one. It was built the way a product actually gets built: data model first, then auth, catalog, checkout, accounts, an admin back office, and a hardening pass.
Shoppers browse and search a faceted catalog, add variants to a cart that reserves inventory, and check out through Stripe. Behind it, an admin console manages products, inventory, orders, refunds and shipments, with a least-privilege team model so an owner can bring on staff without ever touching the database.
Every price is handled in integer cents to avoid floating-point drift, background workers take care of cart reminders and reservation cleanup, and transactional email runs through Resend. It's designed to be handed over and run.
( What's inside )
Reserved-inventory cart
Stock is held while a shopper checks out, then released by a worker if they don't.
Stripe checkout
Hosted payment, webhooks into order state, integer-cent totals throughout.
Accounts & email
Sign-in, order history, address book, and transactional mail through Resend.
Admin back office
Products, inventory, orders, refunds, shipments — and staff roles with least privilege.
Hardening pass
Background jobs, rate limits, security headers and tests before it went live.
( Stack )
Front end
Next.js 15
TypeScript
Tailwind
Back end
Postgres
Prisma
NextAuth
Services
Stripe
Resend
Vercel
Want one like this?