Vercel und Shopify bauen Hydrogen neu als Open-Source-Framework
Hydrogen, Shopifys bisheriges Framework für Headless-Storefronts, war auf eine proprietäre Runtime angewiesen und ließ sich kaum portieren. Auf dem Vercel Ship 26 in New York kündigten Vercel und Shopify gemeinsam einen kompletten Neuaufbau von Hydrogen als Open-Source-Projekt an, das runtime-agnostisch konzipiert ist und überall läuft, wo JavaScript ausgeführt werden kann. Die neue Architektur gliedert sich in drei Schichten: Core, Client und Server. Der Core zentralisiert wiederkehrenden Glue-Code für die Shopify-API – etwa die Konvertierung des proprietären Typs MoneyV2 in ein nutzbares Format mithilfe von Intl.NumberFormat – und macht ihn einmal wartbar für alle. Die Client-Schicht übernimmt State-Management-Aufgaben wie die Cart-Verwaltung als einzelner Import, zunächst für React, weitere Frameworks folgen über den Preview Branch. Auf der Server-Schicht setzt das Framework auf bewährte Full-Stack-Lösungen wie Next.js, Nuxt und SvelteKit für Caching mit On-Demand-Revalidation, statt eine eigene Runtime zu bauen. Vercel bringt zudem Erkenntnisse aus vercel.shop – einem bereits existierenden eigenen Commerce-Template für Next.js und Shopify – in das neue Hydrogen ein; vercel.shop soll nach Stabilisierung als offizielle Referenzimplementierung für Hydrogen mit Next.js dienen.
- Core-Schicht: Zentralisiert bisher redundanten API-Glue-Code, z. B. die Umwandlung von Shopifys MoneyV2-Typ (Dezimalzahl als String) über Intl.NumberFormat.
- Client-Schicht: Cart-State-Management wird zu einem einzelnen Import – für React heute verfügbar im Hydrogen Preview Branch, weitere Frameworks angekündigt.
- Server-Schicht: Setzt auf Dokumentation, Templates und 'Skills' statt neuem proprietären Code – richtet sich explizit an Menschen und KI-Agenten.
- vercel.shop war Vercels eigenes Headless-Commerce-Template für Next.js + Shopify und wird zur Referenzimplementierung für das neue Hydrogen.
- Shopify unterstützt Next.js, Nuxt und SvelteKit bereits über seinen Headless Sales Channel, bisher jedoch mit separaten, voneinander unabhängigen API-Bindings.
Frag die KI zum Artikel
Folgefragen zu Headline, Quelle und Volltext — Antwort streamt in wenigen Sekunden.
Verwandte Beiträge
Vercel und Shopify bauen Hydrogen neu als Open-Source-Framework
Hydrogen, Shopifys bisheriges Framework für Headless-Storefronts, war auf eine proprietäre Runtime angewiesen und ließ sich kaum portieren. Auf dem Vercel Ship 26 in New York kündigten Vercel und Shopify gemeinsam einen kompletten Neuaufbau von Hydrogen als Open-Source-Projekt an, das runtime-agnostisch konzipiert ist und überall läuft, wo JavaScript ausgeführt werden kann. Die neue Architektur gliedert sich in drei Schichten: Core, Client und Server. Der Core zentralisiert wiederkehrenden Glue-Code für die Shopify-API – etwa die Konvertierung des proprietären Typs MoneyV2 in ein nutzbares Format mithilfe von Intl.NumberFormat – und macht ihn einmal wartbar für alle. Die Client-Schicht übernimmt State-Management-Aufgaben wie die Cart-Verwaltung als einzelner Import, zunächst für React, weitere Frameworks folgen über den Preview Branch. Auf der Server-Schicht setzt das Framework auf bewährte Full-Stack-Lösungen wie Next.js, Nuxt und SvelteKit für Caching mit On-Demand-Revalidation, statt eine eigene Runtime zu bauen. Vercel bringt zudem Erkenntnisse aus vercel.shop – einem bereits existierenden eigenen Commerce-Template für Next.js und Shopify – in das neue Hydrogen ein; vercel.shop soll nach Stabilisierung als offizielle Referenzimplementierung für Hydrogen mit Next.js dienen.
- Core-Schicht: Zentralisiert bisher redundanten API-Glue-Code, z. B. die Umwandlung von Shopifys MoneyV2-Typ (Dezimalzahl als String) über Intl.NumberFormat.
- Client-Schicht: Cart-State-Management wird zu einem einzelnen Import – für React heute verfügbar im Hydrogen Preview Branch, weitere Frameworks angekündigt.
- Server-Schicht: Setzt auf Dokumentation, Templates und 'Skills' statt neuem proprietären Code – richtet sich explizit an Menschen und KI-Agenten.
- vercel.shop war Vercels eigenes Headless-Commerce-Template für Next.js + Shopify und wird zur Referenzimplementierung für das neue Hydrogen.
- Shopify unterstützt Next.js, Nuxt und SvelteKit bereits über seinen Headless Sales Channel, bisher jedoch mit separaten, voneinander unabhängigen API-Bindings.
Frag die KI zum Artikel
Folgefragen zu Headline, Quelle und Volltext — Antwort streamt in wenigen Sekunden.