WooCommerce stays unchanged
WooCoommerce
headless Next.js
storefront
WooCommerce handles your products, inventory, and orders. Next.js delivers a blazing-fast storefront — globally, from the CDN edge.
CDN Performance
Stripe Payments
GA4 Analytics
Type-Safe Stack
Explore our curated collection of timeless scents.
Featured Fragrances
Everything a headless storefront needs
React Server Components for product pages, Server Actions for cart mutations, Zustand for state — and WooCommerce stays unchanged.
ISR & Static Pages
Product pages pre-rendered at build or on-demand; stale-while-revalidate keeps the catalog fresh.
WooCommerce Store API
All product, cart, and checkout operations via the WC Store API — no theme or page-builder dependency.
Server-Side Secrets
Stripe and WooCommerce credentials stay server-side, never included in the client bundle.
React Server Components
Product and shop pages run as RSCs — zero client JS for product data fetching.
Stripe Checkout
PCI-compliant payments with the hosted checkout and automatic webhook order sync to WooCommerce.
Mobile-First Design
Responsive dark/light theme, Core Web Vitals optimised, with self-hosted fonts and next/image.
Limited Time
On Sale
Built on the tools you already trust
The stack is intentionally boring — proven, well-documented, and easy to hand off to any developer.
Ready to Go Headless?
Clone the repository, configure your WooCommerce and Stripe credentials, and have a production-ready storefront running in minutes.
View on GitHubBuilt with the tools developers already rely on.
Everything included, nothing held back
Every feature you need to run a production storefront — out of the box.
| Feature Set | IncludedExplore Demo |
|---|---|
| Catalogue & Search | |
Product catalogue with filtering & sorting | Filter, sort, and paginate products using the WooCommerce Store API with ISR-backed pages. |
Full-text search | Search across titles, descriptions, and SKUs with instant client-side results. |
Variable products (size, colour, etc.) | Variation resolution at the Next.js layer using Store API data; no theme changes required. |
| Shopping Experience | |
Wishlist | Save favourites across sessions using client state and guest cart session nonces. |
Slide-out cart drawer | Fast add-to-cart UI with an in-page cart preview that doesn't interrupt browsing. |
Multi-step checkout | Guided shipping and payment steps implemented with Server Actions for secure server-side work. |
Live shipping rate calculation | Fetch real-time shipping methods and costs from WooCommerce during checkout. |
| Payments & Orders | |
Stripe payment processing | Hosted Stripe Checkout with webhook order sync to ensure reliable payment confirmation. |
Cash on delivery / other WC payment methods | Supports WooCommerce-native payment methods alongside Stripe for flexibility. |
Order confirmation page | Detailed order summary and a GA4 purchase event fired on confirmation for accurate attribution. |
| Performance & SEO | |
Dark / light mode | User-selectable themes with persistence and accessible defaults. |
Mobile-first responsive design | Optimised layout and images for mobile devices, prioritising Core Web Vitals. |
Schema.org structured data (SEO) | JSON-LD product and website schema included to improve search visibility and rich results. |
Common Questions
Everything you need to know about going headless with WooCommerce.
Getting Started
Technical
Analytics
Have more questions? View the README on GitHub
