📚 Docs | 🗣 Discord | 💬 Discussions | 📝 Changelog

Hydrogen is a set of tools, utilities, and best-in-class examples for building a commerce application with Remix.

Hydrogen legacy v1, which is not built on Remix, is available here: https://github.com/Shopify/hydrogen-v1

Get started with Hydrogen with the instructions below ⬇️

Getting Started

Requirements:

• yarn or npm
• 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:

1. Start a development server

# Using `yarn`
yarn install
yarn dev

# Using `npm`
npm i
npm run dev

2. Visit the development environment running at http://localhost:3000.

Learn more about getting started with Hydrogen.

Contributing to Hydrogen

Read our contributing guide

Other handy links

Learn more about Hydrogen.

👷‍♀️ Add npm packages to your project:

• @shopify/hydrogen
• @shopify/create-hydrogen
• @shopify/cli-hydrogen
• @shopify/remix-oxygen