Skip to main content

Vercel and Shopify are rebuilding Hydrogen

By Steven Van ·

Vercel and Shopify are rebuilding Hydrogen as open source and runtime agnostic, with core, client and server layers.

Vercel and Shopify are rebuilding Hydrogen, the framework for headless Shopify storefronts, as an open-source project that runs on any JavaScript runtime instead of being locked to one. The rebuild, announced at Vercel Ship 26 in New York, splits into three layers: core, client and server.

  • Core centralizes the glue code developers previously wrote themselves for the Shopify API, such as turning a MoneyV2 value into a formatted currency string.
  • Client now handles cart state, so adding a working cart, including discounts and cross-tab sync, is a single import instead of custom code.
  • Server gets documentation, templates and skills rather than new code, showing how to use existing full-stack frameworks with Shopify's API instead of writing custom bindings.

The rebuilt Hydrogen works with Svelte, Nuxt, Next.js or a custom framework. The client layer is available for React today on Hydrogen's preview branch, with more frameworks planned.

Vercel
Vercel
The platform for frontend developers — deploy, preview, and scale web apps and AI agents with zero config.
View Vercel →

Read the original announcement →

Read Vercel and Shopify are rebuilding Hydrogen on Creators Toolbox