https://github.com/moishinetzer/b7active-hydrogen
https://github.com/moishinetzer/b7active-hydrogen
Last synced: 11 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/moishinetzer/b7active-hydrogen
- Owner: moishinetzer
- Created: 2022-05-18T13:38:11.000Z (about 4 years ago)
- Default Branch: master
- Last Pushed: 2022-05-18T19:25:53.000Z (about 4 years ago)
- Last Synced: 2025-07-26T14:09:30.081Z (11 months ago)
- Language: JavaScript
- Size: 238 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Hydrogen App
Hydrogen is a React framework and SDK that you can use to build fast and dynamic Shopify custom storefronts.
[Check out the docs](https://shopify.dev/custom-storefronts/hydrogen)
[Run this template on Stackblitz](https://stackblitz.com/github/Shopify/hydrogen/tree/stackblitz/templates/template-hydrogen-default)
## What's in this template
- Styling with [Tailwind](https://tailwindcss.com/)
- End-to-end testing with [Playwright](https://playwright.dev)
- Unit testing with [Vitest](https://vitest.dev) and [Testing Library](https://testing-library.com)
- Code formatting with [Prettier](https://prettier.io)
- Javascript linting with [ESLint](https://eslint.org) and the Hydrogen [ESLint plugin](https://github.com/Shopify/hydrogen/tree/main/packages/eslint-plugin)
- CSS linting with [Stylelint](https://stylelint.io)
## Getting started
**Requirements:**
- Node.js version 16.5.0 or higher
- Yarn
```bash
yarn
yarn dev
```
Remember to update `hydrogen.config.js` with your shop's domain and Storefront API token!
## Previewing a production build
To run a local preview of your Hydrogen app in an environment similar to Oxygen, build your Hydrogen app and then run `yarn preview`:
```bash
yarn build
yarn preview
```
## Building for production
```bash
yarn build
```
Then, you can run a local `server.js` using the production build with:
```bash
yarn serve
```
## Running tests
This project contains basic end-to-end (E2E) tests in the `/tests/e2e` folder powered by [Vitest](https://vitest.dev).
You can run tests in development, and they will automatically reload when you make changes to the component you provide to `hydrogen.watchForUpdates()`:
```bash
yarn test
```
To run tests in a continuous-integration (CI) environment like GitHub Actions:
```bash
yarn test:ci
```