wtf is hydrogen?

Hydrogen is Shopify's toolkit for building custom online storefronts that aren't locked into Shopify's standard website themes. Instead of using the default templates, you get full creative control to build a unique shopping experience while still pulling your product catalog, cart, and checkout from Shopify's backend. It's designed for brands and developers who want a faster, more tailored storefront without leaving the Shopify ecosystem. At its core, the project is built around Remix, a web framework that handles both the front-end interface and server-side logic. The toolkit comes in two flavors: a full opinionated setup that gives you a complete starting point with Remix, and a lighter library of Shopify-specific components and hooks you can drop into other projects. Running a single command scaffolds a new project for you, and a local development server lets you preview your store immediately. This is built for merchants and brands who outgrow Shopify's standard themes and need something custom, whether that's a unique visual identity, specialized navigation, or a performance-optimized experience for high traffic. A fashion brand launching a highly designed campaign page, or a growing retailer needing a faster mobile checkout, would use this to build exactly what they want while keeping Shopify handling the commerce plumbing. A notable aspect is how tightly coupled the project is to Shopify's Storefront API. Because the toolkit follows Shopify's calendar-based versioning, breaking changes can arrive every three months when the API updates. It's organized as a monorepo, meaning it bundles several related packages together, a command-line tool for generating projects, a component library, an adapter for Shopify's Oxygen hosting environment, and a local simulator for development. The older v1 version has been moved to a separate repository, so anyone starting fresh will be on the current Remix-based architecture.