Hydrogen

Hydrogen ist Shopifys offizieller Weg, Headless-Frontends zu bauen: ein Framework auf Basis von React und React Router, mit fertigen Komponenten und Hilfsfunktionen für Warenkorb, Produktdaten, Suche und Checkout-Anbindung über die Storefront API. Oxygen ist die dazugehörige Hosting-Umgebung, die Hydrogen-Storefronts weltweit am Netzwerkrand ausliefert und in Shopify-Pläne integriert ist.

Gegenüber einem komplett selbst aufgesetzten Headless-Stack nimmt Hydrogen viel Grundlagenarbeit ab: Datenanbindung, Caching-Strategien und Deployment sind vorgedacht. Trotzdem bleibt es ein Entwicklungsprojekt: Design, Sektionen, SEO-Struktur und viele Funktionen, die Themes mitbringen, entstehen in Code.

Hydrogen ist die richtige Wahl, wenn eine Marke sich bewusst für Headless entschieden hat und im Shopify-Ökosystem bleiben will. Wer primär Design-Freiheit sucht, erreicht das meist auch mit einem Custom Theme, ohne die laufenden Kosten einer Headless-Architektur.