Hydrogen template: Hello World
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
- Shopify CLI
- ESLint
- Prettier
- GraphQL generator
- TypeScript and JavaScript flavors
- Minimal setup of components and routes
Getting started
Requirements:
- Node.js version 16.14.0 or higher
npm create @shopify/hydrogen@latest --template hello-world
Remember to update .env with your shop's domain and Storefront API token!
Building for production
npm run build
Local development
npm run dev
| .. | ||
| public | ||
| src | ||
| .eslintignore | ||
| .eslintrc.js | ||
| .gitignore | ||
| .graphqlrc.yml | ||
| .npmrc | ||
| package-lock.json | ||
| package.json | ||
| README.md | ||
| remix.config.js | ||
| remix.env.d.ts | ||
| server.ts | ||
| tsconfig.json | ||