Go to file
2021-11-05 17:16:20 +09:00
.github feat: initial commit 2021-11-04 15:22:30 -07:00
docs feat: initial commit 2021-11-04 15:22:30 -07:00
packages fix: do not lowercase SVG tags in RSC 2021-11-05 17:16:20 +09:00
scripts feat: initial commit 2021-11-04 15:22:30 -07:00
.alexignore feat: initial commit 2021-11-04 15:22:30 -07:00
.alexrc.js feat: initial commit 2021-11-04 15:22:30 -07:00
.eslintrc.js feat: initial commit 2021-11-04 15:22:30 -07:00
.gitignore feat: initial commit 2021-11-04 15:22:30 -07:00
.graphqlrc.yml feat: initial commit 2021-11-04 15:22:30 -07:00
.nvmrc feat: initial commit 2021-11-04 15:22:30 -07:00
.prettierrc.js feat: initial commit 2021-11-04 15:22:30 -07:00
dev.yml feat: initial commit 2021-11-04 15:22:30 -07:00
jest-e2e.config.ts feat: initial commit 2021-11-04 15:22:30 -07:00
jest-setup.ts feat: initial commit 2021-11-04 15:22:30 -07:00
jest.config.ts feat: initial commit 2021-11-04 15:22:30 -07:00
lerna.json feat: initial commit 2021-11-04 15:22:30 -07:00
LICENSE.md feat: initial commit 2021-11-04 15:22:30 -07:00
package.json feat: initial commit 2021-11-04 15:22:30 -07:00
README.md feat: new main branch 2021-11-04 15:04:23 -07:00
shipit.yml feat: initial commit 2021-11-04 15:22:30 -07:00
tsconfig.json feat: initial commit 2021-11-04 15:22:30 -07:00
yarn.lock feat: initial commit 2021-11-04 15:22:30 -07:00

Hydrogen logo

📚 Docs | 🗣 Discord | 💬 Discussions | 📝 Changelog

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 or npm
  • Node.js version 14.0 or higher

Installation:

# Using `yarn`
yarn create hydrogen-app

# Using `npm`
npm init hydrogen-app@latest

# Using `npx`
npx create-hydrogen-app

Running locally:

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

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

Learn more about getting started with Hydrogen.

Contributing to Hydrogen

Read our contributing guide

🎁 Give us the gift of feedback.

📍 Check out Hydrogen examples on Github.

🤩 Learn more about Hydrogen.

👷‍♀️ Add npm packages to your project: