Hydrogen Demo Store
Hydrogen is a React framework and SDK that you can use to build fast and dynamic Shopify custom storefronts.
Run this template in JavaScript on StackBlitz
Run this template in JavaScript on StackBlitz
Getting started
Requirements:
- Node.js version 16.14.0 or higher
- Yarn
To create a new Hydrogen app, run:
npm init @shopify/hydrogen
Running the dev server
Then cd
into the new directory and run:
npm install
npm run dev
Remember to update hydrogen.config.js
with your shop's domain and Storefront API token!
Building for production
npm run build
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 npm run preview
:
npm run build
npm run preview