Build a Hydrogen storefront

Follow the Hydrogen tutorial series to go from "Hello World" to a fully built out Shopify custom storefront.

Tutorial 1: Begin development

Create a Hydrogen app locally to begin developing a Hydrogen storefront.

Tutorial 2: Fetch storefront data

Connect your Hydrogen app to your storefront and fetch data using the Storefront API.

Tutorial 3: Build a collection page

Build a page that renders a collection and products that belong to the collection.

Tutorial 4: Build a product page

Build a page that shows detailed product information.

Tutorial 5: Build a cart

Build a cart that contains the merchandise that a customer intends to purchase, and the estimated cost associated with the cart.

Consult additional resources to learn more about Hydrogen.

Hydrogen on Discord

Join the Hydrogen Discord community.

Hydrogen discussions on GitHub

Join discussions on Hydrogen and share your feedback.

Hydrogen release notes

Explore the changelog for Hydrogen release versions.