eCommerce Storefront

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.

FeaturesAnchor

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.

QuickstartAnchor

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