Headless storefront for a fashion brand
A fast headless storefront on Shopify with custom bundles, multi-currency pricing, and search that understands sizes, fits and colors.
- Client
- Direct-to-consumer apparel brand
- Location
- United States
- Platforms
- Web, desktop and mobile
- Duration
- 14 weeks
- Team
- 3 engineers, 1 designer
The challenge
The brand had outgrown its theme-based store. Product pages loaded slowly on mobile, bundles and pre-orders depended on a stack of conflicting apps, and the marketing team could not launch a campaign without a developer editing the theme.
What we built
We rebuilt the front end as a Next.js storefront on the Shopify Storefront API, kept Shopify for checkout and orders, and moved marketing content into a headless CMS. Bundles and pre-orders became first-class features in a small Node.js service, and search moved to Algolia with synonyms for sizes, fits and colors.
Highlights
- Product and collection pages pre-rendered and refreshed when products change
- Bundles, pre-orders and gift cards without third-party theme apps
- Multi-currency pricing for the US, Canada, UK and EU
- Campaign landing pages built by the marketing team in the CMS
- Core Web Vitals checked on every deploy
Technical stack
- Frontend
- Next.jsTypeScriptTailwind CSS
- Commerce
- Shopify Storefront APIShopify Functions
- Backend
- Node.jsSanityAlgolia
- Infrastructure
- VercelGitHub Actions
Have something to build? Let's talk it through.
Tell us what you are working on. We reply within one business day, and after a short discovery call you get a written scope and estimate, free of charge.