Skip to content
E-commerce2024

Northwind Storefront

A headless commerce build for a catalogue that outgrew its all-in-one platform.

The Challenge

The existing platform made every catalogue change slow and every custom feature difficult to deliver. Page speed was poor, and the merchandising team could not run the campaigns they needed.

The Solution

We moved to a headless architecture: a Next.js storefront rendered at the edge, a commerce API for catalogue and cart, and a purpose-built merchandising console the team controls directly.

Product detail page
Merchandising console
Key Features
01

Edge-rendered storefront

Fast product and content pages served close to the shopper.

02

Merchandising console

Collections, promotions and content scheduling owned by the team.

03

Composable checkout

Checkout and payments isolated behind a clean interface.

04

Search & discovery

Faceted search tuned to the catalogue's real structure.

Architecture
  1. 01Frontend

    Next.js storefront on the edge, ISR for catalogue, partial hydration

  2. 02API Layer

    GraphQL commerce gateway, cached reads, signed mutations

  3. 03Services

    Catalogue, cart, promotions and content services

  4. 04Database

    PostgreSQL for commerce data, search index for discovery

  5. 05External Integrations

    Payments, tax, shipping and the ERP

Technology

Frontend

  • Next.js
  • TypeScript
  • Tailwind CSS

Backend

  • Node.js
  • GraphQL
  • BullMQ

Database

  • PostgreSQL
  • Meilisearch

Cloud

  • Cloudflare
  • Fly.io

DevOps

  • GitHub Actions
  • Grafana
  • Sentry
Results
  • Catalogue changes ship in minutes
  • Merchandising runs campaigns unaided
  • Faster pages across the catalogue
  • Checkout that can be swapped without a rebuild
Gallery
Product detail page
Merchandising console
Promotions scheduler
Next project

Atlas Operations Platform

View Case Study