.github | ||
docs | ||
packages | ||
scripts | ||
.alexignore | ||
.alexrc.js | ||
.eslintrc.js | ||
.gitignore | ||
.graphqlrc.yml | ||
.nvmrc | ||
.prettierrc.js | ||
dev.yml | ||
jest-e2e.config.ts | ||
jest-setup.ts | ||
jest.config.ts | ||
lerna.json | ||
LICENSE.md | ||
package.json | ||
README.md | ||
shipit.yml | ||
tsconfig.json | ||
yarn.lock |
📚 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
ornpm
- 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:
- Start a development server
# Using `yarn`
yarn install
yarn dev
# Using `npm`
npm i --legacy-peer-deps
npm run dev
- Visit the development environment running at http://localhost:3000.
Learn more about getting started with Hydrogen.
Contributing to Hydrogen
Other handy links
🎁 Give us the gift of feedback.
📍 Check out Hydrogen examples on Github.
👷♀️ Add npm
packages to your project: