Overview
Zenith decouples the frontend from the backend to deliver blazing fast shopping experiences. It utilizes Next.js Incremental Static Regeneration (ISR) to keep product data fresh without sacrificing the speed of static pages.
Technical Journey
The Challenge
Synchronizing cart state between the custom frontend and Shopify's checkout while maintaining a seamless user journey was critical.
The Solution
We utilized Shopify's Storefront API and a persistent local storage cart that hydrates on page load to ensure a smooth transition to checkout.
Gallery
Project Impact
Achieved perfect 100 Lighthouse scores and increased conversion rates by 25% compared to the previous theme.
Tech Stack
Frontend
Next.js
Radix UI
Framer Motion
Commerce
Shopify Storefront API
Stripe Connect
Performance
ISR
Vercel Analytics
Key Features
- Headless Shopify integration
- ISR for product pages
- Custom cart and checkout flow
- Advanced product filtering