A 36-screen storefront sitting on a production-grade GraphQL backend
A pixel-perfect storefront is only half a shop. Most builds stop at the mockup and leave the catalogue, cart, checkout and order lifecycle as mock data that falls apart the moment two people reach for the last item.
Two halves built to production standard. A Next.js storefront where every page reads the API, and behind it a NestJS GraphQL service holding 101 products, coupons, orders, reviews and accounts, wired to PostgreSQL, Redis, Meilisearch, Stripe, object storage and queued email. Contrast was measured against the rendered build rather than the palette, which is what caught the mockup's own greys failing AA.
Home, shop with the full filter rail, product detail, cart, a three-step checkout, tracking, blog and the whole account area, every one of them reading the API.
Stock decrements inside the same transaction that writes the order, with a conditional update so two shoppers racing for the last item cannot both win.
Meilisearch with typo tolerance and a database fallback, so the search engine going down never takes the site with it.
A React 19 storefront built pixel by pixel from a 36-screen design, with no mock data left in it.
Auth, catalogue, cart, orders, reviews, content and search behind one typed schema.
Money as integer cents end to end, with order lines that copy name, image and price at purchase time.
Join the founders and operators getting our most concise thinking on product, design, and engineering; once a month.
