|
|
||
|---|---|---|
| .github | ||
| docs | ||
| packages | ||
| scripts | ||
| tests | ||
| .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 ⬇️
This is a developer preview of Hydrogen. The documentation will be updated as Shopify introduces new features and refines existing functionality. Production launches of Hydrogen custom storefronts aren't yet supported as Shopify is evolving the Hydrogen framework.
Getting Started
Requirements:
yarnornpm- 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: