Skip to content

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

License

Notifications You must be signed in to change notification settings

amandaespo/hydrogen

 
 

Repository files navigation

Hydrogen Logo

Version License Downloads

📚 Docs | 🗣 Discord | 💬 Discussions | 📝 Changelog | 😎 Awesome Hydrogen

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 16.5.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
  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.

Awesome Hydrogen - A curated list of awesome Hydrogen things.

👷‍♀️ Add npm packages to your project:

About

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

Resources

License

Code of conduct

Stars

Watchers

Forks

Packages

No packages published

Languages

  • TypeScript 96.1%
  • JavaScript 3.4%
  • Other 0.5%