Loading video...
Video Failed to Load
In June, we shipped a framework-agnostic Hydrogen in developer preview so you could keep your stack. The new Hydrogen is now GA. And there's more than you'd expect ↓
21,070 views • 19 days ago •via X (Twitter)
13 Comments

Hydrogen works with your existing stack. It's a toolkit of Shopify storefront primitives. That means less Shopify-specific code to build and maintain, giving you more time to build your storefront.

Hydrogen is designed for coding agents too. Skills guide your agent through building with Shopify's commerce tools instead of inventing the commerce logic from scratch.

You get more Shopify out of the box. Shopify Analytics, Shop Pay, and more are built-in. And we're constantly adding in new capabilities, so you don't have to worry about building them yourself.

Learn more and tell us what you're building.

Congrats to the team! I know a lot of work went into this one!

tysm! we are very proud of them

Built-in analytics is the part I'd underline. The headless stores I get asked to look at usually show every order as "direct" in Shopify reports because the custom front end never sends the events. If Hydrogen fires them by default now, that alone saves a lot of debugging.

skills so agents stop inventing commerce logic from scratch is a smart bit. keeps stores from drifting

When can we expect support for native Shopify analytics for mobile app storefronts?

Whichever stack a storefront is built on, focus management, labels and landmarks are worth putting in the starter checklist. They are much cheaper to build in than to retrofit.

Congrats on GA. One thing worth a checklist line for teams moving to Hydrogen: focus management on route changes. Client-side navigation can leave screen reader and keyboard users stranded unless focus is moved to the new page content.

Need it

keeping the stack this close to Black Friday is an act of kindness!

