LiveFull Stack2023

Halo Commerce

Headless e-commerce storefront with a custom checkout flow. Achieved a 98 Lighthouse score and sub-1 s LCP on mobile.

About this project

Halo is a headless commerce front end built on Next.js App Router with a Shopify Storefront API backend. The product catalogue, cart, and checkout are all rendered server-side for maximum performance. A custom edge middleware layer handles geo-based pricing and currency switching with zero client JS overhead.

Technical highlights

100% server-rendered product pages — no layout shift
Edge middleware for geo-based pricing in <1 ms
Incremental Static Regeneration for catalogue pages
Custom optimistic cart with instant UI feedback