Hydrogen 2.0 is out now. These archival Hydrogen 1.0 docs are provided only to assist developers during their upgrade process. Please migrate to Hydrogen 2.0 as soon as possible.
Hydrogen includes a set of examples that demonstrate integrations and special use cases. This guide describes the available examples that you can explore.
How it works
All Hydrogen examples are located in the
/examples directory in the
Shopify/hydrogen repository. Each example includes ready-to-use code that you can copy and paste.
Note: If you're looking for a full working implementation of a Hydrogen storefront that can be scaffolded using Shopify CLI, then refer to Templates.
Official Hydrogen examples
Shopify provides a variety of official Hydrogen examples. Check this repo's examples directory to see them.
- Learn about the different templates that help you get started with Hydrogen.
- Explore the source code of the example Hydrogen demo store.