Skip to content

Hydrogen is Shopify’s stack for headless commerce. It provides a set of tools, utilities, and best-in-class examples for building dynamic and performant commerce applications. Hydrogen is designed to dovetail with Remix, Shopify’s full stack web framework, but it also provides a React library portable to other supporting frameworks. Demo store 👇🏼

License

amandaespo/hydrogen-1

 
 

Repository files navigation

Hydrogen Logo

Version License Downloads

📚 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:

  • Node.js version 16.14.0 or higher
  • npm, yarn or pnpm

Installation:

# Using `npm`
npm create @shopify/hydrogen@latest

# Using `yarn`
yarn create @shopify/hydrogen@latest

# Using `pnpm`
pnpm create @shopify/hydrogen@latest

Running locally:

  1. Start a development server
# Using `npm`
npm install
npm run dev

# Using `yarn`
yarn install
yarn dev

# Using `pnpm`
pnpm install
pnpm 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

Other handy links

Learn more about Hydrogen.

👷‍♀️ Add npm packages to your project:

About

Hydrogen is Shopify’s stack for headless commerce. It provides a set of tools, utilities, and best-in-class examples for building dynamic and performant commerce applications. Hydrogen is designed to dovetail with Remix, Shopify’s full stack web framework, but it also provides a React library portable to other supporting frameworks. Demo store 👇🏼

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 95.5%
  • JavaScript 2.4%
  • CSS 2.0%
  • Shell 0.1%