We just launched our new Hygraph Studio in beta. Learn more

Next 14 eCommerce starter

A simple eCommerce experience using Next.js, TailwindCSS, a custom reviews API, and Hygraph as a PIM.

Cover image for Next 14 eCommerce starter

The Hygraph eCommerce Storefront starter is a simple educational reference for working with Hygraph and Next.js with proper content modelling. It's built using the Next.js App Router.

Features

  • Next.js App Router
  • Localization with Hygraph and Next.js
  • Styled with TailwindCSS
  • Hygraph Components for reusable content
  • Hygraph Remote Sources to connect external APIs

Quickstart

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

  1. Clone project
  2. Deploy with Vercel

Full storefront tutorial

The Hygraph getting started flow gives a full breakdown of how to use this eCommerce starter with Hygraph including how to set up preview links to view your content in draft mode. Checkout the frontend connection section of the getting started with Hygraph tutorial.

Build your own app

Build your own app using our SDK and extend Hygraph functionalities according to your unique requirements.