Spree Headless Next.js Storefront
Builds and customizes high-performance, SEO-optimized headless e-commerce storefronts using Spree Commerce and Next.js 16.
This skill provides architectural guidance and implementation patterns for the official Spree Next.js storefront, leveraging React 19 Server Components, Server Actions, and Tailwind CSS 4. It enables developers to implement secure server-only authentication via httpOnly JWT cookies, integrate MeiliSearch for faceted catalog navigation, and configure multi-region market routing. Whether you are forking the official repo or building a custom implementation, this skill ensures best practices for performance, SEO, and secure payment integration with Stripe.
Key Features
0132 GitHub stars
02Secure server-only authentication with httpOnly JWT cookies
03MeiliSearch integration for typo-tolerant faceted product search
04Multi-region market routing with localized URL structures
05Next.js 16 App Router and React 19 Server Components implementation
06Comprehensive SEO with JSON-LD, OpenGraph, and GA4 analytics
Use Cases
01Customizing complex checkout flows with Stripe, Apple Pay, and Klarna
02Migrating legacy e-commerce frontends to a modern Next.js and Tailwind CSS 4 stack
03Launching a production-grade headless storefront for a Spree 5.4+ backend