Top-shelf headless Shopify on Next.js with Sprout 🌱
Top-shelf, battle-tested Next/Sanity boilerplate for building headless Shopify stores and marketing websites. Has generated 2.2M in revenue for Gardener.nyc
Why are you building this?
People often ask me how I build websites, and I've never known how to encapsulate all the knowledge into one place. This is a first attempt.
I built this for myself over the last 5 years of running Gardener. This exists as the current way all Gardener websites are made.
As I change/improve the way I build websites, sprout will always be updated to follow suit. Just pay once.
What can I build with this?
This is primarily focused on ecomm, but you can build anything: marketing websites, Shopify sites, editorial platforms, apps(!), in-store pickup, hotel booking apps, portfolio websites, blogs, etc.
Who uses sprout?
Kid Cudi, Cards Against Humanity, Kernel (by Chipotle), D.S. & Durga, Beni Rugs, ...
Can I sell this?
The license allows lifetime use/incorporation in all client and personal projects. You cannot resell this boilerplate as-is.
What does it currently do?
Next 16 pages/app directory, page transitions, Framer motion, Sanity, Tailwind integration, Klaviyo newsletter signup, Shopify storefront carts, multicurrency, modular page builder, collections and product pages, A/B testing products landings, Vercel and Netlify deployment, reusable components, ISR revalidation, cookie and promo banners, Next cache invalidation, server components, rich text with custom table blocks, images, Mux video, TS support, responsive lazy images, Zustand integration, draft preview, sitemap builder, opengraph editor in CMS, 307/308 redirects inside CMS, GA4, FB tracking, fully baked sanity schema, ... so many more I'm forgetting!
What is on the roadmap?
Essentially all of the things I've built for various clients: Headless and theme versions of account pages, headless Yotpo integration, multicurrency, multilanguage, headless ReCharge, etc.