← All work
Production

The Moment

A production e-commerce platform for an artisanal bakery, built as a multi-brand monorepo that powers three business sites from one codebase.

Situation

A small artisanal bakery taking orders primarily by phone and text. High-demand products with limited production runs, meaning specific order windows and a need for fulfillment management. The customer base was growing, and the manual processes weren't scaling. At the same time, the same engineering team (me) was building sites for two other brands.

Complication

They needed more than Shopify could handle out of the box: custom order windows, fulfillment management through a visual dashboard, both card and e-transfer payments, and a product catalog they could update without calling me every time.

Three separate codebases for three brands wasn't going to work. I needed shared infrastructure with distinct brand identities, plus a testing approach robust enough to catch regressions across all of them.

What I Did

I set up a Turborepo monorepo: all three brand sites, a shared component library, a design token system with per-brand CSS variables, and a Sanity CMS studio. Parallel build pipelines keep everything fast.

The e-commerce flow covers the full loop: product catalog in Sanity, shopping cart with real-time state, multi-step checkout, dual payments (Square for cards, Interac e-Transfer via email), and an admin dashboard with Kanban-style order management that updates live through Supabase subscriptions.

hoodii-platform/
├── apps/
│   ├── themoment-site      Customer-facing e-commerce (port 3002)
│   ├── themoment-admin      Order management dashboard (port 3004)
│   ├── hoodii-site          Portfolio site (port 3001)
│   ├── brixel-site          Construction coordination (port 3003)
│   └── studio               Sanity CMS (port 3333)
├── packages/
│   ├── ui                   60+ shared React components
│   ├── tokens               Design system (per-brand CSS variables)
│   ├── motion               Animation primitives
│   ├── forms                Validated form components
│   ├── seo                  Metadata generators
│   └── env                  Type-safe environment validation
└── tests/
    ├── smoke/               Health checks across all systems
    ├── e2e/                 38 end-to-end customer + admin tests
    └── accessibility/       WCAG compliance checks

Result

A full production e-commerce platform with real-time admin, comprehensive test coverage, and a build pipeline that now powers four distinct brands. The bakery manages their catalog through Sanity. Orders flow through the admin dashboard. The system keeps running.

6 apps

Running from a single monorepo

60+ components

Shared UI library with Storybook docs

38 E2E tests

Full customer + admin coverage

2 payment methods

Square + Interac e-Transfer

Real-time admin

Kanban board with live updates

Sub-2min builds

Turborepo cached pipeline

Tech Stack

Frontend

  • Next.js 14
  • React 18
  • TypeScript
  • Tailwind CSS
  • Framer Motion

CMS

  • Sanity.io
  • Portable Text
  • Image CDN

Backend

  • Supabase (PostgreSQL)
  • Row-Level Security
  • Real-time Subscriptions

Payments

  • Square SDK
  • Interac e-Transfer
  • Nodemailer

Testing

  • Playwright
  • Axe-core
  • Page Object Model
  • 38 E2E tests

Infrastructure

  • Turborepo
  • Vercel
  • PNPM Workspaces
  • Sentry
← All workNext: Operations Hub →