Shopify Hydrogen (Headless Storefronts)

Before writing code

Fetch live docs:

1. Fetch https://shopify.dev/docs/storefronts/headless/hydrogen for Hydrogen documentation
2. Web-search site:shopify.dev hydrogen remix loader action for data fetching patterns
3. Web-search site:github.com shopify hydrogen for source, examples, and demo store
4. Web-search site:shopify.dev hydrogen cart for current cart handler API
5. Web-search site:shopify.dev hydrogen customer accounts for authentication flow

What Is Hydrogen

Hydrogen is Shopify's React-based framework for headless commerce:

• Built on Remix (not Next.js) — server-side rendering, loaders, actions, nested routes
• Deployed to Oxygen (Shopify's edge hosting) or any Node.js-compatible host
• Optimized for Shopify's Storefront API
• Includes commerce-specific utilities: cart, customer accounts, SEO, analytics