Hydrogen developer preview

Hey folks,

Hydrogen developer preview is now available. It’s a framework-agnostic commerce SDK, and the next version of Hydrogen.

We took the commerce logic that used to be coupled to React Router (cart, product, collection, analytics, money, Shop Pay) and turned it into plain JavaScript primitives you can use in any framework. If you’re building headless on Next.js, Svelte, or anything else, you get Shopify’s optimistic cart, variant handling, and consent-aware analytics without rebuilding all of it yourself.

Here’s what’s in the preview:

  • Commerce primitives: cart (full-stack, optimistic, progressive enhancement), product form (variant selection, add to cart), collection (filter, sort, URL sync), analytics, money formatting, and a Shop Pay button.
  • A typed Storefront API client.
  • Support for Standard storefront events and actions

We’re shipping with React bindings. The core itself works in other frameworks too, so you can build on it wherever you are.

To try it, create a project and run setup:

mkdir hydrogen-preview && cd hydrogen-preview
npm init -y
npx @shopify/hydrogen@preview setup

Then point your coding agent at the project and ask it to build a storefront.

This is a dev preview and we’re actively working on it. Customer accounts aren’t covered yet, and it doesn’t easily deploy to Oxygen.

Give it a try, and let us know what you think or what you’d want to see next.

3 Likes