Shopify Hydrogen erklärt: Wann sich Headless Commerce lohnt und wann nicht

01 / Insights

Was Shopify Hydrogen ist und was nicht

Shopify Hydrogen ist Shopifys React-basiertes Framework für komplett individuelle Storefronts. Statt Shopifys Standard-Theme anzupassen, ersetzt du es: Jede Seite und jede Interaktion wird eigens für deine Marke gestaltet und entwickelt, während Shopify im Hintergrund Produkte, Bestand, Zahlungen und Checkout abwickelt. Gehostet wird über Oxygen, Shopifys eigene Plattform für Hydrogen, ohne zusätzliche Hosting-Kosten im Shopify-Plan.

Hydrogen ist kein Plugin, kein Pagebuilder und kein Theme, das von allein schneller lädt. Es ist ein Entwicklungs-Framework, deine Storefront wird also von Entwicklern gebaut und gepflegt. Daraus ergeben sich alle Unterschiede in diesem Vergleich: die Freiheit, die Kosten und das Team, das du brauchst.

02 / Insights

Theme oder Headless: was sich im Alltag ändert

Themes verdienen zuerst eine faire Einordnung, denn sie waren nie besser. Die aktuelle Shopify-Generation ist sektionsbasiert, flexibel und ab Werk schnell: Dein Team baut Seiten um, startet Kampagnen und pflegt Inhalte, ohne Code anzufassen. Ein gut gewähltes Theme mit diszipliniertem App-Einsatz erreicht solide Core Web Vitals und verkauft zuverlässig.

Der Unterschied zeigt sich an den Rändern. Ein Theme ist eine sehr gute Vorlage, aber Struktur, Kauffluss und Grundannahmen bleiben vorgegeben. Ab einem gewissen Punkt wird jede Anpassung zum Workaround: hier eine App, dort injizierter Code, und aus dem Setup wird nach und nach technische Schuld. Hydrogen hebt diese Decke auf. Wenn du es designen kannst, kannst du es bauen.

03 / Insights

Die Vorteile: Designfreiheit, Performance, Content-Commerce

Drei Dinge rechtfertigen den Aufwand. Erstens Designfreiheit: redaktionelles Storytelling zwischen Produkten, eigenwillige Navigation, Konfiguratoren, Bewegung, die zur Marke gehört statt zur Theme-Demo. Zweitens Performance-Kontrolle: serverseitiges Rendering am Netzwerkrand über Oxygen, fließende Seitenwechsel und kein Ballast aus App-Skripten, die du nicht entfernen kannst. Headless ist dabei nicht automatisch schneller, es gibt dir die volle Kontrolle über jedes Kilobyte. Drittens Content-Commerce: Magazin, Markenwelt und Shop werden eine zusammenhängende Fläche statt drei Bereiche nebeneinander. Für Premium-Marken, deren Differenzierung im Einkaufserlebnis liegt, ist genau das das Argument.

04 / Insights

Kosten und Zeitrahmen: Zahlen zur Einordnung

Ein Hydrogen-Projekt kostet ein Mehrfaches eines Themes, aus einem einfachen Grund: Nichts ist vorgefertigt. Du bezahlst ein Frontend, das eigens für deinen Shop entworfen und entwickelt wird. Hydrogen selbst ist kostenlos und Open Source, Oxygen-Hosting ist im Shopify-Plan enthalten; die Investition steckt in der Entwicklung, Lizenzkosten fallen keine an. Bei uns läuft das so: Wir kalkulieren nach einem Kennenlerngespräch zum Festpreis, mit 50 % Anzahlung und 50 % zum Launch. Die meisten Projekte laufen 2–6 Wochen. Hydrogen-Projekte liegen am oberen Ende dieses Rahmens und deutlich über unserem Landingpage-Einstieg ab 1.500 €.

Marktübliche Spannen 2026, zur Orientierung:

• Theme, konfiguriert: 0–400 € Theme-Lizenz plus Einrichtung, in Tagen live
• Theme, professionell angepasst: im deutschen Markt meist 2.000–10.000 €, live in 2–6 Wochen
• Hydrogen-Storefront: bei spezialisierten Agenturen typischerweise 15.000–60.000 €+, Enterprise deutlich darüber; 6–12 Wochen sind marktüblich, ein fokussiertes Studio-Projekt kann darunter liegen

05 / Insights

Wann Hydrogen die falsche Wahl ist

Wir verkaufen Hydrogen-Projekte und raten trotzdem manchen Kunden zum Theme. Klare Ausschlusskriterien:

• Dein Gesamtbudget für die Storefront liegt unter dem fünfstelligen Bereich
• Du validierst noch dein Produkt und musst innerhalb des Monats verkaufen
• Dein Team pflegt täglich Seiten und hat keinen Entwickler an der Hand
• Du differenzierst dich über Preis oder Produkt, der Auftritt im Shop ist zweitrangig
• Du bist an die Grenzen deines Themes noch nicht gestoßen

06 / Insights

Migration ohne Risiko: deine Daten bleiben in Shopify

Der Punkt, vor dem Händler am meisten Respekt haben, ist der harmloseste. Produkte, Collections, Kunden, Bestellungen, Rabatte und Zahlungseinstellungen liegen in Shopify und bleiben unangetastet. Hydrogen ersetzt nur die Storefront-Ebene, also den Teil, den deine Kunden sehen.

Die neue Storefront wird parallel gebaut und getestet, während dein Theme weiterverkauft. Der Wechsel ist eine Domain-Umstellung mit sauber geplanter Redirect-Map, damit bestehende URLs und Rankings erhalten bleiben. Admin-Apps laufen weiter; Theme-Widgets werden im Frontend nativ nachgebaut oder per API angebunden. Welche das sind, gehört in die Analyse, bevor irgendjemand unterschreibt.

07 / Insights

DSGVO, Apps und Wartung: die Punkte, die gern untergehen

Für den deutschen Markt drei Themen, die in Pitches selten vorkommen. Erstens DSGVO: Cookie-Consent, Einbindung externer Dienste und Datensparsamkeit werden im Hydrogen-Frontend individuell umgesetzt statt per Theme-App. Das bedeutet mehr Anfangsaufwand, dafür volle Kontrolle darüber, was wann lädt. Impressum, Widerruf und AGB gehören genauso ins Custom-Frontend wie in jedes Theme.

Zweitens Apps: Alles, was im Shopify-Admin arbeitet (Warenwirtschaft, Versand, Buchhaltung), funktioniert unverändert weiter. Drittens Wartung: Eine Custom-Storefront braucht einen Entwicklungspartner für Änderungen, die über Inhalte hinausgehen. Bei uns ist Support nach dem Launch Teil jedes Projekts. Plane diesen Posten ein, egal mit wem du baust.

08 / Insights

Aus der Praxis: Drop Bike

Drop Bike Lda. ist ein Premium-Fahrradhändler in Lissabon mit Showroom, Spezialwerkstatt und einem Katalog von E-Bikes über Mountainbikes bis zu Road- und Gravel-Maschinen. Das individuelle Hydrogen-Frontend gibt dem Store eine Identität, die kein Theme mitbringt: dunkel, direkt und unverkennbar Drop Bike. Shopify hält Bestand, Zahlungen und Checkout im Hintergrund.

Der Shop verkauft täglich; dieser Vergleich kommt also aus dem laufenden Betrieb.