Schaufenster und Lager getrennt – das Design lebt eigenständig, Shopify liefert die Daten dahinter
Was steckt dahinter?
Ähnlich wie beim Headless-Ansatz bei WordPress wird hier das Frontend (das Design, das der Kunde sieht) komplett vom Backend (der Shopify-Verwaltung) getrennt. Shopify Hydrogen ist das Framework, mit dem Entwickler extrem schnelle, maßgeschneiderte Storefronts programmieren. Oxygen ist die Hosting-Plattform von Shopify dafür. Der Vorteil: Maximale Ladezeit-Optimierung und absolute Designfreiheit, losgelöst von den Einschränkungen klassischer Themes. Produktdaten, Warenkorb und Checkout laufen über Shopifys APIs und Commerce-Primitives, während das UI frei in React gebaut wird. Das eignet sich für Marken mit hohen Performance-Anforderungen, individuellem Design oder Multi-Channel-Strategien, die über klassische Liquid-Themes hinausgehen. Headless ist kein Selbstzweck: Es erhöht Flexibilität und Performance, braucht aber mehr Entwicklungsaufwand als ein Standard-Theme. Hydrogen und Oxygen bündeln dafür Shopifys offizielle Best Practices – von Routing bis Caching.