|
|
||
|---|---|---|
| .. | ||
| .cursor/rules | ||
| app | ||
| guides | ||
| public | ||
| scripts | ||
| .gitignore | ||
| .graphqlrc.ts | ||
| .npmrc | ||
| CHANGELOG.md | ||
| README.md | ||
| customer-accountapi.generated.d.ts | ||
| env.d.ts | ||
| eslint.config.js | ||
| package-lock.json | ||
| package.json | ||
| react-router.config.ts | ||
| server.ts | ||
| storefrontapi.generated.d.ts | ||
| tsconfig.json | ||
| tsconfig.tsbuildinfo | ||
| vite.config.ts | ||
README.md
Hydrogen template: Skeleton
Hydrogen is Shopify’s stack for headless commerce. Hydrogen is designed to dovetail with Remix, Shopify’s full stack web framework. This template contains a minimal setup of components, queries and tooling to get started with Hydrogen.
Check out Hydrogen docs Get familiar with Remix
What's included
- Remix
- Hydrogen
- Oxygen
- Vite
- Shopify CLI
- ESLint
- Prettier
- GraphQL generator
- TypeScript and JavaScript flavors
- Minimal setup of components and routes
Getting started
Requirements:
- Node.js version 18.0.0 or higher
npm create @shopify/hydrogen@latest
Building for production
npm run build
Local development
npm run dev
Setup for using Customer Account API (/account section)
Follow step 1 and 2 of https://shopify.dev/docs/custom-storefronts/building-with-the-customer-account-api/hydrogen#step-1-set-up-a-public-domain-for-local-development