To run the project locally

Install dependencies

yarn

if you see a node-gyp error fatal error: 'vips/vips8' file not found, then install vips through Homebrew:

brew install vips

Put .env file under the root

Run locally

yarn dev

The main branch of the project is deployed here

About

This project is an example of how to build fully-functioning Next.js commerce storefront with Hygraph and Stripe. View the demo on https://commerce.withheadlesscms.com/.

Features

• Pre-rendered catalogue pages via getStaticProps and getStaticPaths.
• Dynamic client-side data fetching via SWR.
• Shopping cart with react-use-cart.
• Hosted checkout and payment flow with Stripe Checkout.
• Use the Hygraph mutation API with API Routes to create orders on successful checkout (via webhook).