# Vercel and Shopify are rebuilding Hydrogen

DevFeed: [Vercel and Shopify are rebuilding Hydrogen](<https://devfeed.tech/articles/vercel-and-shopify-are-rebuilding-hydrogen-782.md>)

Original publisher: [Read original article](<https://vercel.com/blog/vercel-and-shopify-are-rebuilding-hydrogen>)

Author: Amelia Charles

Published: 2026-06-30T04:00:00Z

Content type: news

Language: en

Sources: [Vercel News](<https://devfeed.tech/sources/vercel-news.md>)

Topics: [modern web development](<https://devfeed.tech/topics/modern-web-development.md>), [SDKs](<https://devfeed.tech/topics/sdks.md>), [Web Development](<https://devfeed.tech/topics/web-development.md>)

Tags: [api](<https://devfeed.tech/tags/api.md>), [cdn](<https://devfeed.tech/tags/cdn.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [next-js](<https://devfeed.tech/tags/next-js.md>), [open-source](<https://devfeed.tech/tags/open-source.md>), [react](<https://devfeed.tech/tags/react.md>), [shopify](<https://devfeed.tech/tags/shopify.md>), [svelte](<https://devfeed.tech/tags/svelte.md>), [vercel](<https://devfeed.tech/tags/vercel.md>)

## AI overview

Vercel and Shopify are rebuilding Hydrogen as an open-source, runtime-agnostic toolkit for headless storefronts. It centralizes Shopify API utilities, cart state, and server-side integrations while supporting frameworks including React, Next.js, Nuxt, and Svelte.

## Source excerpt

Hydrogen made headless storefronts easy to ship, but not portable. At Vercel Ship 26 in New York, we announced that we are working with Shopify to rebuild it from the ground up, a shared bet on a more open web. The new version is open source and runtime agnostic, meaning it can run anywhere JavaScript does. You can build with Svelte, Nuxt, Next.js or even bring your own custom framework. Our strategy includes three layers: core, client and server. The core Core is the JavaScript we all used to write for the Shopify API, and never shared. Now it lives in one place. Take formatMoney. The open web already solved most of this with Intl.NumberFormat. But the Shopify API doesn't hand you a number. It responds with a custom type, MoneyV2, and the amount is a signed decimal number serialized as a string. The result is the same, but you're not writing or maintaining the glue code anymore. When the API changes, the upgrade is trivial. Centralize the core and you fix each bug once, ship improvements to everyone, and get back to building. The client Rendering what the core returns involves the same repeated decisions. Cart state is the obvious one. Anyone who's built a commerce app has written a version of this. Different code every time, all chasing the same things. With Hydrogen, the client layer now handles the cart. State management becomes one import. Centralize this and you get the best practices for free, so you can spend your time on the parts that are actually yours to build. It's available for React today on the Hydrogen preview branch, with more frameworks coming. The server Developers need full-stack access to build storefronts that scale without sacrificing performance. Static content should serve instantly from a CDN while dynamic data like inventory streams in. The open-source community solved this with frameworks like Next.js, Nuxt, and SvelteKit: full-stack capabilities with no lock-in to a proprietary runtime. Say your storefront caches product queries with on