hydrogen-storefrontlisted

# 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. **When asked to optimize performance and caching:** Discuss Cache-Control headers, Oxygen runtime caching, request coalescing, and streaming SSR; provide cache strategy examples. **When asked to deploy to Oxygen:** Show CLI deployment steps (hydrogen deploy), environment variable setup, monitoring, and rollback procedures. **When asked to implement search or filtering:** Use