/shopify-hydrogen-ts

shopify hydrogen converted to typescript + graphql code gen. made in april 2022.

Primary LanguageTypeScript

Hydrogen App

Hydrogen is a React framework and SDK that you can use to build fast and dynamic Shopify custom storefronts.

Check out the docs

Getting started

Requirements:

  • Node.js version 16.5.0 or higher
  • Yarn
yarn
yarn generate
yarn dev

Remember to update shopify.config.js with your shop's domain and Storefront API token!

Previewing a production build

To run a local preview of your Hydrogen app in an environment similar to Oxygen, build your Hydrogen app and then run yarn preview:

yarn build
yarn preview

Building for production

yarn build

Then, you can run a local server.js using the production build with:

yarn serve

Running tests

This project contains basic end-to-end (E2E) tests in the /tests/e2e folder powered by Vitest.

You can run tests in development, and they will automatically reload when you make changes to the component you provide to hydrogen.watchForUpdates():

yarn test

To run tests in a continuous-integration (CI) environment like GitHub Actions:

yarn test:ci