About the starter
The Hygraph 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 Hygraph eCommerce Storefront lets you get up and running with your own project and frontend.
The Hygraph eCommerce starter comes with these powerful features out of the box
- Styled using TailwindCSS
- Fully localized product catalogue built with Hygraph localization and Next.js.
- Pre-rendered catalogue pages via
- Dynamic client-side data fetching via SWR.
- Localized shopping cart with
- Hosted checkout and payment flow with Stripe Checkout.
- Use the Hygraph 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!
![Deploy with Vercel](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fhygraph%2Fhygraph-commerce-starter&env=GRAPHCMS_MUTATION_TOKEN,NEXT_PUBLIC_GRAPHCMS_TOKEN,NEXT_PUBLIC_GRAPHCMS_URL,NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY,STRIPE_SECRET_KEY&envDescription=Stripe%20keys%20and%20GraphCMS%20tokens&envLink=https%3A%2F%2Fgithub.com%2Fhygraph%2Fhygraph-commerce-starter%23usage&demo-title=Hygraph%20Commerce%20Starter&demo-description=Build%20modern%2C%20SEO%20ready%20commerce%20storefronts%20with%20Hygraph%2C%20Next.js%2C%20Stripe%20and%20Tailwind%20CSS&demo-url=https%3A%2F%2Fcommerce.withheadlesscms.com)