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.
Shopify Entwicklung
Verwandte Begriffe
Headless Commerce
Headless Commerce trennt das Frontend (die sichtbare Storefront) vom Commerce-Backend. Das Frontend wird individuell entwickelt und per API mit Shop-Funktionen versorgt.
Begriff ansehenStorefront API
Die Storefront API ist Shopifys GraphQL-Schnittstelle für eigene Frontends: Sie liefert Produkte, Kollektionen, Warenkorb und Checkout-Funktionen an beliebige Anwendungen.
Begriff ansehenTheme
Ein Theme ist das Design- und Frontend-Gerüst eines Shopify-Shops: Es bestimmt Layout, Sektionen und Nutzerführung der Storefront.
Begriff ansehen
Weitere Projekte
Fragen zu deinem Shopify-Setup?
30 Minuten Erstgespräch. Wir hören zu, stellen die richtigen Fragen und geben eine klare Einschätzung zu Migration, Architektur, Tracking und nächstem Schritt.
Kostenlos und unverbindlich · 30 Min.
