https://github.com/Shopify/hydrogen-v1

React-based framework for building dynamic, Shopify-powered custom storefronts.
https://github.com/Shopify/hydrogen-v1

Last synced: 20 days ago
JSON representation

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

Host: GitHub
URL: https://github.com/Shopify/hydrogen-v1
Owner: Shopify
License: mit
Created: 2021-11-04T20:50:19.000Z (over 3 years ago)
Default Branch: v1.x-2022-07
Last Pushed: 2025-03-19T15:41:35.000Z (27 days ago)
Last Synced: 2025-03-25T04:54:32.944Z (22 days ago)
Language: TypeScript
Homepage: https://shopify.github.io/hydrogen-v1/
Size: 18.9 MB
Stars: 3,743
Watchers: 297
Forks: 323
Open Issues: 193
Metadata Files:
- Readme: README.md
- Contributing: .github/contributing.md
- License: LICENSE.md
- Code of conduct: .github/code_of_conduct.md

awesome-github-star - hydrogen-v1 - based framework for building dynamic, Shopify-powered custom storefronts. | Shopify | 3782 | (TypeScript)

README

### ⚠️ This is a legacy version of Hydrogen. See the latest available at https://github.com/Shopify/hydrogen ⚠️

---

Hydrogen is a **React-based framework** for building dynamic, **Shopify-powered** custom storefronts.

Set up your local environment with the instructions below ⬇️

## Getting Started

**Requirements:**

- `yarn` or `npm`
- Node.js version 16.14.0 or higher

**Installation:**

```bash
# 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

```bash
# 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](https://shopify.github.io/hydrogen-v1/tutorials/getting-started).