eCommerce Storefront

Simple eCommerce shop built using Next.js, TailwindCSS, Stripe, and GraphCMS, focused on order creation and checkout, using GraphCMS as a PIM.

About the starterAnchor

The GraphCMS eCommerce Storefront starter is a simple reference application focused on showcasing a product inventory, illustrating how to build an eCommerce shop with a Headless CMS. Built using Next.js, Stripe, and TailwindCSS, the GraphCMS eCommerce Storefront lets you get up and running with your own project and frontend.


The GraphCMS eCommerce starter comes with these powerful features out of the box

  • Styled using TailwindCSS
  • Fully localized product catalogue built with GraphCMS localization and Next.js.
  • Pre-rendered catalogue pages via getStaticProps and getStaticPaths.
  • Dynamic client-side data fetching via SWR.
  • Localized shopping cart with react-use-cart.
  • Hosted checkout and payment flow with Stripe Checkout.
  • Use the GraphCMS mutation API with API Routes to create orders on successful checkout (via webhook).
  • Multiple currency support.


Get up and running with your own eCommerce storefront within minutes!

Clone project

Deploy with Vercel

It's Easy To Get Started

GraphCMS plans are flexibly suited to accommodate your growth. Get started for free, or request a demo to discuss larger projects with more complex needs