hydrogen-hygraph-storefront

Integrating a headless content plaform with Shopify Hydrogen based on: https://hygraph.com/blog/integrate-hydrogen-with-hygraph

Requirements

• A Hygraph account
• A Hygraph project with a model
• A Shopify store
• Node.js v16 or later

To run the project locally, clone it using the command:

git clone https://github.com/hygraph/hygraph-shopify-hydrogen.git

Install all the dependencies.

npm install

Rename the .env.example file.

mv .env.example .env

Use your Shopify storefront values in the .env file.

PUBLIC_STOREFRONT_API_TOKEN=
PUBLIC_STOREFRONT_API_VERSION=
PUBLIC_STORE_DOMAIN=

Open app/routes/index.js and replace <your-hygraph-content-api-endpoint> with your Hygraph project content endpoint.

Run the project.

npm run dev