Skip to main content

Hydrogen examples

tip

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.

Next steps