Best Next.js E-commerce Templates (2026): 12 Starter Kits Ranked

Next.js is the default framework for fast, SEO-friendly online stores.

And a good nextjs ecommerce template hands you product pages, cart, checkout, and payments on day one. No building it twice.

Here's the catch: template roundups rot. One template on this list shut down since the last update, and its domain doesn't even resolve anymore.

So I re-checked every repo against the GitHub API before publishing this version. Star counts below are exact, not rounded guesses.

The ecommerce nextjs ecosystem splits two ways: headless templates that connect to Shopify, Medusa, or Saleor, and full-stack templates that bundle backend and frontend together.

Both lean on the App Router and server components for performance traditional platforms can't match.

This guide ranks the 12 best nextjs ecommerce template options, so you can pick a foundation for your nextjs online store without auditing every repo on GitHub yourself.

Key Takeaways

Short on time? Here's the gist:

• Vercel Next.js Commerce (free) is still the gold standard for Shopify headless storefronts, now at 14,200 GitHub stars
• Medusa.js (free) is the best platform-independent option, but scaffold with create-medusa-app because the old starter repo is archived
• Saleor Storefront (free) leads for enterprise GraphQL commerce with multi-currency and multi-channel support
• Payload CMS Template (free) is the strongest full-stack pick, and Payload core just passed 44,000 stars
• Commerce.js is dead. The org is archived and the domain is gone. BigCommerce Catalyst takes its slot
• Skip the Crystallize boilerplate. No commits since October 2023
• And Shopify Hydrogen runs on React Router 7 now, not Remix, and still isn't Next.js

Table of Contents

1. Quick Comparison
2. How We Evaluated
3. Best Headless Commerce Templates
4. Best Full-Stack Ecommerce Templates
5. Best Lightweight Ecommerce Integrations
6. How to Choose the Right Template
7. Conclusion

Quick Comparison

How We Evaluated

We ranked these nextjs ecommerce template options across five criteria:

Every template was evaluated for real-world ecommerce readiness, not just demo quality.

Best Headless Commerce Templates

1. Vercel Next.js Commerce

Best for: Shopify-powered headless storefronts with maximum performance

Price: Free and open-source

Vercel Next.js Commerce is the most popular nextjs ecommerce template by a wide margin. Built and maintained by the Vercel team, it demonstrates best practices for headless Shopify storefronts using the App Router, React Server Components, and streaming.

What makes it stand out: The architecture is a reference implementation of how to build ecommerce with Next.js. Dynamic OG images for product sharing, ISR for catalog pages, and edge runtime support give you performance that Shopify Liquid themes cannot match. The codebase shows how to handle cart mutations via Server Actions, product search with Shopify's API, and SEO with structured data.

The trade-off: It is tightly coupled to Shopify. If you want to use a different ecommerce backend, you need a different template. The provider abstraction that existed in earlier versions has been simplified to focus exclusively on Shopify.

Best for teams that: Already use Shopify for inventory and order management but want a custom, high-performance storefront. Pair it with Vercel or Railway for deployment and you have a production-ready nextjs online store.

2. Medusa.js Next.js Storefront

Best for: Platform-independent headless commerce with full backend control

Price: Free and open-source

Medusa.js is the leading open-source alternative to Shopify for developers who want full control over their ecommerce backend. The Next.js storefront gives you product listings, cart, checkout, customer accounts, and Stripe payments.

Heads up on the repo: the old standalone nextjs-starter-medusa repo was archived in April 2026. Don't clone it. Scaffold with create-medusa-app instead, which sets up the backend and the Next.js storefront together.

What makes it stand out: Unlike Shopify-dependent templates, Medusa lets you self-host your entire commerce infrastructure. You own the database, the API, and the admin panel. The plugin system supports custom payment providers, fulfillment services, and notification channels. For ecommerce nextjs projects where vendor lock-in is a concern, Medusa is the clear choice.

The trade-off: You are responsible for hosting and maintaining the Medusa backend (Node.js + PostgreSQL). This adds operational complexity compared to managed platforms like Shopify. For teams without backend experience, consider deployment platforms like Railway for easy Medusa hosting.

3. Saleor React Storefront

Best for: Enterprise-grade GraphQL commerce with advanced features

Price: Free and open-source

Saleor's Next.js storefront is built for scale. The GraphQL API gives you precise data fetching for complex product catalogs, and the multi-channel architecture supports selling on web, mobile, and marketplace simultaneously.

What makes it stand out: Single-page checkout with Adyen or Stripe, customer address books, vouchers, gift cards, and product variant management are all built in. The GraphQL Codegen integration provides end-to-end type safety from API to component. For stores with hundreds of products and multiple currencies, Saleor handles the complexity that simpler templates cannot.

The trade-off: The Saleor backend runs on Python/Django, which means a different skill set for backend customization compared to Node.js-based alternatives like Medusa. Setup is more involved than a simple Shopify integration.

4. Vendure Next.js Storefront

Best for: Plugin-rich headless commerce with a TypeScript-native backend

Price: Free and open-source

Vendure is the TypeScript-native headless commerce framework. For Next.js developers who want a backend they can reason about in the same language, Vendure is the natural fit. The plugin architecture supports custom payment gateways, shipping calculators, and tax engines.

What makes it stand out: The entire stack is TypeScript. Backend, frontend, and plugins share the same language and tooling. The GraphQL API is auto-generated from your schema, and the admin panel provides a visual interface for managing products, orders, and customers.

5. Sanity + Next.js Commerce

Best for: Content-rich ecommerce where product storytelling matters

Price: Free (Sanity free tier available)

Sanity Commerce combines a headless CMS with ecommerce functionality. For brands where product pages need rich editorial content, image galleries, and storytelling alongside buy buttons, this nextjs ecommerce template merges content management with shopping.

What makes it stand out: Real-time collaborative editing means your marketing team updates product descriptions, images, and landing pages without touching code. The structured content model lets you create product pages that feel like editorial content rather than generic catalog listings.

Best Full-Stack Ecommerce Templates

6. Payload CMS Ecommerce Template

Best for: Full-stack Next.js ecommerce with visual editing and complete backend control

Price: Free and open-source (Payload Cloud available for hosting)

Payload CMS 3.0 runs inside Next.js itself, meaning your ecommerce backend and frontend are a single deployment. No separate API server. No additional hosting costs. The ecommerce template includes products, categories, orders, customer accounts, and Stripe checkout.

What makes it stand out: Visual editing with live preview lets you see product page changes in real time. The admin panel is auto-generated from your schema, and every field is fully customizable. For developers who want a full-stack nextjs ecommerce template without managing a separate backend, Payload is the simplest path.

Best paired with: Tailwind CSS for styling and Prisma or Drizzle for additional data needs.

7. Evershop

Best for: Open-source full-stack ecommerce with a traditional store experience

Price: Free and open-source

Evershop is a Node.js ecommerce platform built for Next.js compatibility. It provides the traditional ecommerce experience (product catalog, cart, checkout, admin panel) as a self-contained application. Think of it as a modern, JavaScript-native alternative to WooCommerce or Magento.

What makes it stand out: The theme system lets you customize the storefront without forking the core. CLI tools generate boilerplate for new modules. Multi-store support lets you run multiple brands from one installation. For teams that want a complete ecommerce solution without assembling headless parts, Evershop delivers.

8. Bagisto

Best for: Feature-rich ecommerce with Laravel backend and Next.js frontend option

Price: Free and open-source

Bagisto brings the most extensive feature set of any template on this list. Multi-vendor marketplace support, inventory management, CMS, SEO tools, and PWA capabilities come built in. The Laravel backend is mature and battle-tested for high-traffic stores.

What makes it stand out: If you need marketplace functionality where multiple vendors sell through your platform, Bagisto is one of the few open-source options that supports this natively. The admin panel rivals paid platforms like Shopify Plus in feature depth.

The trade-off: The Laravel/PHP backend requires different expertise than the Node.js stack most Next.js developers prefer. The Next.js frontend integration is available but the primary frontend is Vue.js.

Best Lightweight Ecommerce Integrations

9. BigCommerce Catalyst

Best for: API-first commerce for custom storefronts without backend management

Price: Free framework, BigCommerce plans required

Catalyst is BigCommerce's official Next.js storefront framework. You get a composable storefront wired to their GraphQL Storefront API, so products, carts, checkout, and payments are handled for you. No backend to host and no database to manage.

What makes it stand out: It's the closest thing to "Next.js Commerce, but not locked to Shopify." The repo ships components, and the platform handles catalog and orders. For teams that want a hosted backend without Shopify, this is the pick.

A note on what this replaced: Commerce.js held this slot in earlier versions of this guide. It's gone. Every repo in the Chec org is archived and commercejs.com no longer resolves. If you're running it, migrate.

10. Snipcart + Next.js

Best for: Adding ecommerce to existing Next.js sites with minimal code changes

Price: Free to start, 2% per transaction + payment processor fees

Snipcart is not a full ecommerce template. It is a drop-in cart and checkout widget that turns any website into an online store. Add data attributes to your HTML, include the Snipcart script, and you have a working nextjs online store with cart, checkout, and payment processing.

Best for: Blogs, portfolios, or content sites that want to sell a few products without rebuilding the entire site. Add Snipcart to your existing Next.js project and start selling in an afternoon.

11. Crystallize Next.js Boilerplate

Best for: Product information management with rich media and subscription commerce

Price: Free boilerplate, Crystallize PIM from $0/month (free tier)

Warning before you clone it: this boilerplate hasn't received a commit since October 2023. The Crystallize platform is alive, but the Next.js boilerplate is not. Treat it as a reference, not a starting point.

Crystallize focuses on product information management (PIM) with rich media. If your products need detailed specs, 3D models, video, or complex variants, Crystallize handles the content modeling while Next.js handles presentation.

Best for: Brands that sell complex products where the content experience matters as much as the transaction. Furniture, electronics, and fashion retailers benefit from the rich media capabilities.

12. Shopify Hydrogen (Honorable Mention)

Best for: Shopify-native headless commerce (uses React Router 7, not Next.js)

Price: Free framework, Shopify plans required

Shopify Hydrogen deserves mention because it's Shopify's official headless framework. It isn't Next.js though. Hydrogen moved off the classic Remix compiler and now runs on React Router 7, which Shopify no longer supports the old Remix build for. If you're all-in on Shopify and happy outside Next.js, Hydrogen gives you the tightest backend integration. Committed to Next.js? Use Vercel Next.js Commerce at #1 instead.

How to Choose the Right Template

Match Template to Store Type

Payment Processor Considerations

Your choice of payment processor affects which nextjs ecommerce template works best:

Stripe: Supported by every template on this list. The safest choice for most stores. 2.9% + 30 cents per transaction.

Shopify Payments: Only available through Shopify-based templates (Next.js Commerce, Hydrogen). Stripe-powered but with Shopify's dashboard.

Lemon Squeezy: Best for digital products and subscriptions. Handles tax compliance globally. Higher fees but less operational work.

PayPal: Supported by Evershop and Bagisto. Adds buyer trust but has weaker developer experience than Stripe.

Hosting and Deployment

Most ecommerce nextjs templates deploy best on these platforms:

• Vercel: Optimal for Next.js Commerce and any headless template. Edge functions, ISR, and image optimization are built in.
• Railway: Best for self-hosted backends like Medusa and Saleor. Easy database provisioning.
• Render: Good alternative for full-stack templates that need always-on servers.

Building a Complete Stack

A nextjs ecommerce template handles the storefront. You still need:

• Authentication: Clerk, Auth0, or Supabase Auth for customer accounts
• Database: Prisma or Drizzle as your ORM layer
• Email: Resend or SendGrid for order confirmations and marketing
• Analytics: PostHog or Plausible for conversion tracking
• CSS: Tailwind CSS is the default across all top templates

For SaaS products that include ecommerce features, consider starting with a Next.js SaaS boilerplate that already includes auth, billing, and email, then add product catalog and cart functionality on top.

Conclusion

The nextjs ecommerce template landscape in 2026 is split between two clear paths: headless commerce for maximum flexibility, and full-stack solutions for faster launches.

For Shopify stores: Next.js Commerce is the definitive choice. No other template matches its integration depth and Vercel optimization.

For independent stores: Medusa.js gives you the most control. You own every line of code, every database row, and every API endpoint. Pair it with Stripe for payments and Railway for hosting.

For enterprise: Saleor's GraphQL API and multi-channel architecture handle the complexity that growing businesses need. Multi-currency, multi-language, and advanced checkout flows come standard.

For simple stores: Payload CMS or Snipcart gets you selling fastest. One deployment, visual editing, and Stripe payments with minimal configuration.

One more thing before you clone anything: check the last commit date.

Two templates on this list looked fine on paper and turned out to be abandoned. Commerce.js took its whole platform down. Crystallize's boilerplate has been frozen since 2023.

A template roundup is a snapshot. GitHub is the source of truth.

The trend in 2026 is clear enough: headless commerce on the Next.js App Router is the default for high-performance stores. Server components cut bundle sizes, streaming improves perceived speed, and ISR keeps catalogs fresh without full rebuilds.

Whatever you pick, make sure it supports the App Router.

That's a wrap on my roundup of the best Next.js ecommerce templates.

Related Resources

• Next.js Templates: 20 Best Options
• Best Next.js SaaS Templates: 12 Boilerplates Ranked
• Best Next.js Boilerplates: 15 Starter Templates Ranked
• Stripe vs Paddle for SaaS: Payments Compared
• Stripe vs Lemon Squeezy: Which Payment Platform?
• Vercel vs Railway: Best Deployment Platform
• Prisma vs Drizzle: Which ORM?
• Best Auth Provider Comparison