Hydrogen is a React-based framework for building dynamic, Shopify-powered custom storefronts.
Spin up a Hydrogen app in your browser with our playground or set up your local environment with the instructions below
Getting Started
Requirements:
yarn
ornpm
- Node.js version 16.14.0 or higher
Installation:
# Using `yarn`
yarn create @shopify/hydrogen
# Using `npm`
npm init @shopify/hydrogen
# Using `npx`
npx @shopify/create-hydrogen
Running locally:
- Start a development server
# Using `yarn`
yarn install
yarn dev
# Using `npm`
npm i
npm run dev
- Visit the development environment running at http://localhost:3000.
Learn more about getting started with Hydrogen.
Contributing to Hydrogen
Other handy links
Awesome Hydrogen - A curated list of awesome Hydrogen things.
npm
packages to your project: