Updates

• Cart session attribution: Carts and Customer Account sessions stay in step, so signed-in shoppers reach checkout with their saved details instead of a guest flow.

• Cart attributes: Attach order-wide data like gift messages to the cart, and per-line data like engraving text to the lines it belongs to.

• Standard page view events: Hydrogen storefronts used to report only the first page load, leaving client-side navigations invisible to analytics and performance tooling. Every navigation now emits a page view, matching how liquid themes report events.

• Shop Pay button without shop-js: The button used to render blank until Shopify's hosted script loaded. Hydrogen now renders it directly, so it shows up styled and clickable right away, before any JavaScript runs.

• Local HTTPS for Customer Account development: Test login flows on a trusted local hostname, without a tunnel or hand-rolled certificates.

• Pluggable logging: Set how much Hydrogen logs and forward warnings and errors to your own observability tooling.

• Vue bindings: Build your storefront in Vue with the same Hydrogen APIs you know from React, through the new

  Code Example

  Copy

  @shopify/hydrogen/vue

  entrypoint.

• GraphQL TypeScript tooling: Query autocomplete and type checking for both Shopify APIs now ship with the package.

• Analytics and consent through ShopifyScripts: Storefront analytics and consent management now set up with the rest of your Shopify scripts, including support for Shopify's privacy banner.

• Shopify Inbox support: Shoppers can chat with your store's AI agent and get handed off to your staff, right from your Hydrogen storefront.

• Suspense cart reads in React: The cart can stream in after the page renders, so your app shell stays fast and cacheable.

• Storefront API caching for catalog data: Cache products, collections, and pages at the edge instead of hitting the Storefront API on every request.

• WebMCP tools for in-browser AI agents: Expose your storefront to in-browser AI agents so they can search the catalog, browse products, and manage the cart. Loads automatically from Shopify's CDN, no extra integration required.

• Customer Account API support: Build logged-in experiences like order history and profile pages with a typed client that handles login, token refresh, and logout.

• Same-origin predictive search: Add autocomplete search that runs through your own server instead of calling the Storefront API from the browser.

• Typed routes and redirects: Describe your URL structure once and reuse it for redirects, predictive-search URLs, and Shopify-standard resource mapping.

• ShopifyScripts for the Shopify browser runtime and unified cart route handling: Render Shopify's standard script tags and browser runtime in one place, and handle cart routes through a single registration that works the same across frameworks.

Starting today, the Deploy to Vercel button automatically creates an example Next.js + Hydrogen storefront on Vercel.

The following was originally published on Vercel’s blog.

Today we're releasing a developer preview of the new Hydrogen, rebuilt in partnership with Vercel to be framework-agnostic, runtime-agnostic, and built for agents. You can bring Hydrogen to the framework and hosting platform you already use.

Headless commerce has always been about choice. When we released Hydrogen, we leaned into Remix and gave developers a complete, opinionated framework for commerce on Shopify — a framework you adopted as a whole. It was the right call for the moment, and it still powers great storefronts today. But the way developers build kept moving: teams arrive with a framework they love, a runtime they've picked, and, increasingly, a coding agent working alongside them. So we rebuilt Hydrogen to work with what you're using.