Hydrogen 2026 Storefront Framework

Hydrogen is Shopify's Remix-based framework for building fast, custom storefronts. This skill covers Hydrogen 2026 project setup, the Storefront API client, cart management with hooks, Customer Account API, caching strategies, Oxygen deployment, CLI commands, and real-world PDP and collection page patterns.

When Asked

When asked to scaffold a new Hydrogen storefront: Provide the npm create @shopify/hydrogen command, explain project structure, and show how to configure .env with Storefront API credentials.

When asked to fetch and display products: Use the Storefront API via the storefront client (GraphQL query), show how to load product details, variants, and media; explain caching strategies.

When asked to implement a shopping cart: Use createCartHandler for backend cart mutations, useCart hook for frontend state, and explain line item management, discounts, and checkout flow.

When asked about Customer Account API: Explain how to enable, authenticate with OAuth, and use for customer login, order history, account details, and profile updates.