Updates

• Variant links: Links that name a variant, like the ones Shopify submits to a Google Shopping feed, now open on that variant instead of the product's default.

• Cart refresh: Reload the cart after your own code changes it, like a cart created on your server.
• Local HTTPS certificates: Hydrogen creates the certificates for Customer Account testing, so local login setup takes one command or none.

• 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.