Hydrogen с нуля: Shopify-витрина на любом JS-фреймворке без клея

Разработчик подключает headless-витрину Shopify через общие слои Hydrogen к Next.js, Nuxt или Svelte без собственных обвязок API.

Hydrogen помогал быстро поднять headless-витрину, но не переезжал между фреймворками — на Ship 26 в Нью-Йорке Vercel и Shopify пересобирают проект с нуля. Новая версия открытая и без привязки к рантайму: Next.js, Nuxt, Svelte или свой стек.

Три слоя вместо клея

Core — общий JavaScript для Shopify API; тип MoneyV2 и утилиты вроде formatMoney правят один раз, а не в каждом репозитории
Client — корзина и состояние одним импортом; в preview-ветке уже React, другие фреймворки обещают позже
Server — статика с CDN, остатки и прочая динамика отдельным потоком; типизированный GraphQL-клиент стыкуется с кэшем Next.js или Nuxt без своих биндингов

У Shopify Headless sales channel уже работает с Next.js, Nuxt и SvelteKit, но биндинги к одному API-контракту каждый писал сам. Вместо очередного SDK — гайды, шаблоны и skills: и разработчику, и агенту не нужно изобретать интеграцию заново.

Опыт vercel.shop — шаблона агентной коммерции — перенесут в клиентский и серверный слои Hydrogen. Когда стек стабилизируется, vercel.shop переедет на Hydrogen и останется референсом для связки Next.js и Shopify; код ведут открыто на GitHub.

Источник: Vercel and Shopify are rebuilding Hydrogen.