Skip to main content
Back to projects

Headless E-commerce Migration

Magento → headless Next.js migration. Core Web Vitals all-green, mobile conversion 2x in 90 days post-launch.

Year 2023
Role Tech lead
Type Client engagement
Status Live

About this project.

Migrated a legacy Magento storefront to a headless Next.js + Commerce.js architecture — Core Web Vitals all-green, mobile conversion doubled in 90 days post-launch.

Tech Stack

  • Next.js Storefront
  • Commerce.js API Headless commerce
  • Stripe Payments
  • Algolia Search
  • Vercel edge Hosting

Project Info

Role
Tech lead
Timeline
2023
Client
Mid-market apparel brand
Status
Live

Key Features

Performance overhaul

LCP cut from 4.1s to 1.3s, all Core Web Vitals green on mobile, edge-rendered category pages.

Headless architecture

Next.js storefront paired with Commerce.js API, migrated incrementally off legacy Magento.

Checkout rebuild

Single-page checkout with Apple/Google Pay, address autocomplete, Stripe + PayPal split with retry.

Business impact

Mobile conversion doubled within 90 days, checkout abandonment down 22%, editorial self-serves merchandising.

Instant search

Algolia-backed predictive search with synonyms and merchandising rules, sub-100ms response.

A/B experimentation

Edge-rendered variants powered by GrowthBook, with per-experiment guardrails on revenue + bounce.

Feature set

Performance overhaul

  • Core Web Vitals all-green on mobile
  • LCP cut from 4.1s to 1.3s
  • Edge-rendered category pages

Headless architecture

  • Next.js storefront + Commerce.js API
  • Incremental migration off Magento
  • Shared design tokens across surfaces

Checkout rebuild

  • Single-page checkout with Apple/Google Pay
  • Address autocomplete + tax preview
  • Stripe + PayPal split with retry logic

Business impact

  • Mobile conversion doubled in 90 days
  • Checkout abandonment down 22%
  • Editorial team self-serves merchandising

You might also like.

Other recent projects.