Home

Awesome

⚠️ This is a legacy version of Hydrogen. See the latest available at https://github.com/Shopify/hydrogen ⚠️


Hydrogen is a React-based framework for building dynamic, Shopify-powered custom storefronts.

Set up your local environment with the instructions below ⬇️

Getting Started

Requirements:

Installation:

# Using `yarn`
yarn create @shopify/hydrogen

# Using `npm`
npm init @shopify/hydrogen

# Using `npx`
npx @shopify/create-hydrogen

Running locally:

  1. Start a development server
# Using `yarn`
yarn install
yarn dev

# Using `npm`
npm i
npm run dev
  1. Visit the development environment running at http://localhost:3000.

Learn more about getting started with Hydrogen.