Strapi Starter Next.js E-commerce

The Strapi Starter Next.js E-commerce is a deprecated open-source starter that combines a Next.js frontend with a Strapi v3 backend to create a simple e-commerce store for selling dev stickers.

What is the Strapi Starter Next.js E-commerce?

The Strapi Starter Next.js E-commerce is a starter project scaffolded with the Strapi CLI that creates a monorepo containing a Next.js storefront and a Strapi v3 CMS backend. It is built by the Strapi team and is open source, so anyone can contribute features or report bugs. The starter was designed to demonstrate how to build an e-commerce website using Strapi and Next.js, with Snipcart handling payments.

Key Features

• Pre-seeded content — Comes with 27 products, 6 categories, 1 component, and 2 collection types (Product and Category) so you can see the store working immediately.
• Permissions configured — Product and category API endpoints are set to public (true) by default, allowing the frontend to fetch data without authentication.
• Slug system — Products and categories use human-readable slugs for URLs.
• Draft and publish workflow — Strapi's publication system lets you manage content before it goes live.
• Role-based access control — Admin panel users have configurable roles and permissions via Strapi's RBAC.
• Snipcart integration — The shopping cart and checkout are powered by Snipcart; payment requires an API key and does not work on localhost.
• Tailwind CSS styling — The frontend is responsive and styled with Tailwind CSS.
• CLI setup — A single command (npx create-strapi-starter@3 my-site next-ecommerce) creates the monorepo, installs dependencies, and runs both servers.

Who is it for?

• Developers who want a pre-built Strapi + Next.js e-commerce starter to experiment with or extend.
• Strapi users who are exploring Strapi v3 features like draft/publish, RBAC, and API permissions.
• E-commerce hobbyists who want a customizable sticker store that can be adapted for other products.
• Open-source contributors who can fork the repo and propose improvements.

Use cases

• Demo store: Launch a working sticker shop with products, categories, and a cart to showcase the stack.
• Learning reference: Study how a Next.js frontend consumes Strapi API data and how Snipcart is wired into a React app.
• Prototyping: Use the skeleton as a starting point for a custom e-commerce build with Strapi and Next.js.

FAQ

Is the Strapi Starter Next.js E-commerce free?

Yes. It is open source and free to use, with the full source code available on GitHub under the Strapi organization.

Does payment work on localhost?

No. Payments will not work on localhost. The starter redirects users to a Snipcart tutorial that explains how to test payments locally using ngrok.

Does it work with Strapi v4?

No. The repository is deprecated and only supports Strapi v3. For Strapi v4 starters, check the starters-and-templates monorepo.

What payment provider does it use?

It uses Snipcart for the shopping cart and checkout. Snipcart also has a tutorial for building the same site selling cupcakes.