Hydrogen Storefront V2
Test store build on Hydrogen and remix. Connected to mock.com
Overview
Hydrogen is Shopify's stack for headless commerce that is designed to work seamlessly with Remix, their full-stack web framework. This template offers a minimal setup of components, queries, and tooling to quickly get started with Hydrogen. It includes Remix, Hydrogen, Oxygen, Shopify CLI, ESLint, Prettier, GraphQL generator, and supports both TypeScript and JavaScript flavors.
Features
- Remix: Shopify's full-stack web framework
- Hydrogen: Shopify's stack for headless commerce
- Oxygen: Additional components and tooling included in the template
- Shopify CLI: Command-line interface for managing Shopify projects
- ESLint: Linting tool for JavaScript and TypeScript
- Prettier: Code formatter to ensure consistent code style
- GraphQL generator: Generates GraphQL types based on the schema
- TypeScript and JavaScript flavors: Supports both TypeScript and JavaScript development
Summary
Hydrogen is a template provided by Shopify for headless commerce. It offers a minimal setup of components, queries, and tooling for developers to quickly start building their headless commerce projects. The template integrates seamlessly with Remix, Shopify's full-stack web framework, and includes essential tools like ESLint, Prettier, and GraphQL generator to ensure efficient development. Hydrogen supports both TypeScript and JavaScript flavors, providing flexibility for developers. By following the installation guide, developers can easily set up the Hydrogen template and start developing their headless commerce projects.