Shopify Hydrogen ist das React-basierte Framework von Shopify für Headless Commerce. Es ersetzt das Liquid-Theme: Die Storefront ist eine auf Remix basierende React-App, die ihre Daten über die Storefront API von Shopify bezieht. Für die richtige deutsche Marke in der richtigen Phase liefert Hydrogen eine Performance und ein Markenerlebnis, die Liquid-Themes nicht erreichen. Für die meisten deutschen KMU ist Hydrogen 2026 jedoch überdimensioniert.
Dieser Leitfaden zeigt, was Headless-Entwicklung mit Shopify Hydrogen für eine deutsche Marke 2026 tatsächlich bedeutet: wann Headless besser ist als ein Liquid-Theme, was Hydrogen und Oxygen bieten, mit welchen Kosten in Euro Sie rechnen müssen, wie die Performance in der Praxis aussieht, was die DSGVO beim Datenstandort verlangt und welche Fragen Sie Agenturen bei Headless-Projekten stellen sollten.
Was ist Shopify Hydrogen im Jahr 2026?
Shopify Hydrogen ist:
- ein auf Remix basierendes React-Framework zum Aufbau von Shopify-Storefronts
- serverseitig gerendert für schnelle Ladezeiten beim ersten Aufruf und gute SEO
- über die Storefront API (und die Admin API) mit den Shopify-Daten verbunden
- auf Oxygen (dem Edge-Hosting von Shopify, in Plus enthalten) oder auf Vercel, Cloudflare oder Hetzner gehostet
- kostenlos und Open Source
Hydrogen ersetzt Liquid-Themes für Marken, die echte Flexibilität im Frontend brauchen – ist aber eine grundlegend andere Architektur.
Wann ist Hydrogen besser als ein Liquid-Theme?
Sechs Kriterien sprechen dafür:
Sie brauchen ein React-Komponentenmodell
Wenn Ihr Team React oder Next.js beherrscht und Sie Komponenten zwischen Marketing-Website, Web-App und Storefront teilen möchten, ist Hydrogen sinnvoll.
Performance ist ein zentrales Unterscheidungsmerkmal
Hydrogen auf dem Oxygen-Edge-Netzwerk kann einen LCP unter 1,0 s erreichen – deutlich besser als typische Liquid-Themes. Für Marken, bei denen Geschwindigkeit direkt mit der Conversion zusammenhängt, ist das entscheidend.
Sie müssen Inhalte über Shopify hinaus integrieren
Inhalte aus Contentful, Sanity, Storyblok oder anderen Headless-CMS lassen sich mit Hydrogen sauber mit den Produktdaten aus Shopify kombinieren.
Komplexe Interaktionen im Frontend
Scroll-Storytelling, komplexe Animationen, App-ähnliche Interaktionen. Mit Liquid und JavaScript ist das möglich, mit Hydrogen wirkt es nativ.
Mehrere Regionen mit individuellem Routing
Hydrogen bietet mehr Flexibilität bei der URL-Struktur über mehrere Regionen hinweg.
Sie nutzen Shopify Plus und erzielen mehr als 5 Mio. € Umsatz
Die Investition lohnt sich, wenn sich die Differenzierung durch das Markenerlebnis in großem Maßstab auszahlt.
Wann ist ein Liquid-Theme weiterhin die bessere Wahl?
Fünf Signale sprechen für Liquid:
- Jahresumsatz unter 2 Mio. € (die Investition in Hydrogen amortisiert sich noch nicht)
- Kein eigenes Frontend-Entwicklungsteam
- Klassische D2C-Marke ohne besondere Anforderungen an Interaktionen
- Inhalte sind produktgetrieben, nicht redaktionell
- Ihr Team beherrscht React nicht
Für die meisten deutschen KMU ist 2026 ein gut gebautes Liquid-Theme auf OS 2.0 die richtige Lösung. Lesen Sie dazu unseren Leitfaden zur individuellen Shopify-Theme-Entwicklung.
Was kostet die Entwicklung mit Hydrogen in Deutschland 2026?
Hydrogen-Storefront (als Ersatz für ein Liquid-Theme)
- Mittelgroße Agentur: 45.000–140.000 €
- Top-Agentur: 100.000–280.000 €
Hydrogen mit Headless-Commerce-Architektur
Einschließlich CMS-Integration, komplexem Routing und Integration individueller Apps:
- 100.000–350.000 € und mehr
Hydrogen für Großunternehmen (mehrere Regionen, komplexes B2B)
- 250.000–800.000 € und mehr
Laufende Wartung
- Wartungsvertrag: 1.500–8.000 € pro Monat, je nach Umfang
Einen Überblick über weitere Shopify-Kosten finden Sie in unserem Leitfaden zur Shopify-Plus-Entwicklung in Deutschland und in unserem Leitfaden zu Shopify-Kosten in Deutschland.
Wo läuft Hydrogen (Oxygen oder Alternativen)?
Oxygen (Hosting von Shopify)
- In Shopify Plus enthalten
- Globales Edge-Netzwerk
- Skaliert automatisch
- Enge Integration mit Shopify
- Einschränkung: Für Fälle mit strengen DSGVO-Anforderungen lässt sich die Auslieferung nicht fest auf die EU begrenzen
Vercel
- Edge Functions mit fester EU-Region (Frankfurt)
- Gute DSGVO-Ausrichtung im Enterprise-Tarif
- Teurer als Oxygen
Cloudflare Pages / Workers
- Edge-Auslieferung mit fester EU-Region
- Kostengünstig
- Zunehmend ausgereifte DSGVO-Ausrichtung
Eigenes Hosting bei Hetzner oder AWS Frankfurt
- Volle Kontrolle im Sinne der DSGVO
- Erfordert DevOps-Kompetenz
- Geringere Kosten bei großem Volumen
Für deutsche Marken mit strengen DSGVO-Anforderungen ist Vercel Enterprise mit fester Region Frankfurt oder eigenes Hosting bei Hetzner in der Regel besser als Oxygen mit Standardeinstellungen.
Wie prägt die DSGVO die Hydrogen-Architektur?
Fünf Aspekte:
Datenflüsse der Storefront API
Aufrufe der Storefront API laufen vom Browser des Käufers über den CDN-Edge zu Shopify. Die meisten Daten sind keine personenbezogenen Daten (Produktkatalog). Für eine belastbare DSGVO-Position sollten Sie einen Edge in der EU bevorzugen.
Daten zur Kundenanmeldung
Login, Kundenkonto und Bestellhistorie enthalten personenbezogene Daten. Legen Sie die Authentifizierungs-Endpunkte fest in eine EU-Region.
Einwilligung über den Cookie-Banner
Die clientseitigen Analytics-SDKs in Hydrogen (etwa Shopify Analytics, GA4, Klaviyo) laden erst nach erteilter Einwilligung.
Offenlegung von Unterauftragsverarbeitern
Führen Sie den Hosting-Anbieter für Hydrogen (Oxygen, Vercel, Cloudflare, Hetzner) in Ihrer Datenschutzerklärung als Unterauftragsverarbeiter mit entsprechendem Auftragsverarbeitungsvertrag auf.
Routing über mehrere Regionen
Mit Hydrogen lässt sich ein Setup für Deutschland, Österreich und die Schweiz mit regionalen Inhalten und regionalem Checkout sauberer umsetzen.
Den vollständigen DSGVO-Kontext finden Sie in unserem Leitfaden zur DSGVO-Konformität.
Wie lange dauert ein Hydrogen-Projekt typischerweise?
Standard-Hydrogen-Storefront (als Ersatz für ein Liquid-Theme)
- Analyse und Architektur: 2–4 Wochen
- Designsystem: 2–4 Wochen (parallel)
- Kernentwicklung: 8–14 Wochen
- Qualitätssicherung und Performance: 2–4 Wochen
- Launch und Betreuung danach: 2 Wochen
- Gesamt: 16–28 Wochen
Komplexes Hydrogen mit Headless Commerce
- 6–12 Monate einschließlich CMS-Integration, individueller Apps und mehrerer Regionen
Hydrogen für Großunternehmen
- 9–18 Monate
Der größte Zeitfresser ist ein unausgereiftes Designsystem. Steht das Design nicht fest, bevor die Frontend-Entwicklung beginnt, gehen Wochen verloren.
Welche Checkliste gilt bei der Auswahl einer Hydrogen-Agentur?
Zusätzlich zur üblichen Prüfung von Shopify-Agenturen:
Bestätigter Status als Plus-Partner
Der Status als Plus-Partner ist die Grundvoraussetzung für ernsthafte Hydrogen-Projekte.
Live-Projekte mit Hydrogen
Lassen Sie sich URLs geben. Testen Sie die mobile Version. Prüfen Sie Lighthouse. Sehen Sie sich den Quellcode in den DevTools an.
Fundiertes Wissen in Remix und React
Hydrogen basiert auf Remix. Fragen Sie: „Erklären Sie mir Ihr letztes Remix-Projekt.“
Erfahrung mit Edge-Deployments
Hat die Agentur bereits auf Oxygen, Vercel Edge oder Cloudflare Workers ausgeliefert? Das Verständnis der Vor- und Nachteile von Edge gegenüber Origin ist wichtig.
Erfahrung mit CMS-Integrationen
Wenn Sie Contentful, Sanity oder Storyblok einbinden möchten, fragen Sie nach bisherigen Integrationen.
Weitere Kriterien finden Sie in unserem Leitfaden zur besten Shopify-Agentur in Deutschland und in unserem Leitfaden zur Wahl einer Webentwicklungsagentur.
Wie sieht der Markt für Hydrogen-Entwickler aus?
Hydrogen-Entwickler sind Spezialisten für React, Remix, die Shopify Storefront API und GraphQL.
- Festanstellung: 85.000–135.000 € brutto pro Jahr für Senior-Entwickler
- Freelancer: 120–200 € pro Stunde
- Nearshore: 65–110 € pro Stunde
Der Pool ist kleiner als bei React- oder Liquid-Entwicklern, wächst aber. Lesen Sie dazu unseren Leitfaden zur Einstellung von React-Entwicklern – Hydrogen-Entwickler sind React-Spezialisten mit Zusatzwissen.
Welche Fehler machen deutsche Marken bei Hydrogen am häufigsten?
Vier typische Muster:
Zu früh auf Headless setzen
Hydrogen bei 500.000 € Umsatz ist überdimensioniert. Bleiben Sie beim Liquid-Theme, bis Sie mehr als 2 Mio. € Umsatz erzielen oder eine konkrete Differenzierung den Schritt rechtfertigt.
Laufende Wartung unterschätzen
Hydrogen ist Software, kein verwaltetes Produkt. Planen Sie 1.500–8.000 € pro Monat für die laufende Entwicklung ein.
Oxygen ohne DSGVO-Prüfung wählen
Oxygen ist bequem, bietet aber nicht immer eine feste Beschränkung auf EU-Regionen. Für eine strenge DSGVO-Ausrichtung sollten Sie Vercel EU oder Hetzner prüfen.
Nur nach dem Lighthouse-Wert entscheiden
Eine Hydrogen-Website mit hervorragendem Lighthouse-Wert, aber ohne SEO-Weiterleitungen vom alten Liquid-Theme, verliert monatelang Traffic. Planen Sie die Migration sorgfältig.
Wann ist Hydrogen selbst für große Marken die falsche Wahl?
Drei Signale sprechen auch bei großem Volumen gegen Hydrogen:
- Die Marke ist stark operativ geprägt, und Händler-Werkzeuge sind wichtiger als das Frontend
- Das Geschäft ist überwiegend B2B, und das Frontend ist nicht der zentrale Mehrwert
- Dem Team fehlt Know-how in React und Remix, und die Einstellung würde 6–12 Monate dauern
Häufige Fragen zu Shopify Hydrogen und Headless in Deutschland
45.000–140.000 € für ein Standardprojekt; 100.000–280.000 € bei Top-Agenturen; 100.000–350.000 € und mehr für Headless Commerce.
Ab 2 Mio. € Umsatz, mit eigenem React-Team, bei Differenzierung über Performance, Integration externer Inhalte oder mehreren Regionen.
Bei strengen DSGVO-Anforderungen auf Vercel Enterprise in der EU oder selbst gehostet bei Hetzner; Oxygen beschränkt sich nicht immer fest auf die EU.
16–28 Wochen für eine Standard-Storefront; 6–12 Monate für komplexe Projekte; 9–18 Monate für Großunternehmen.
Nur wenn Performance, Markendifferenzierung oder die Integration von Inhalten eine Investition ab 45.000 € plus Wartung rechtfertigen.
Hydrogen (auf Basis von Remix) ist der offizielle Weg von Shopify; Next.js funktioniert, bietet aber nicht die Shopify-spezifischen Hilfsfunktionen.
Ja, aber Oxygen setzt Plus voraus – ohne Plus hosten Sie auf Vercel, Cloudflare oder selbst.
85.000–135.000 € für Senior-Festanstellungen; 120–200 € pro Stunde für Freelancer; 65–110 € pro Stunde Nearshore. Der Pool wächst.
Sie möchten ein Hydrogen-Projekt planen?
Wenn Sie einen Headless-Shop mit Hydrogen in Betracht ziehen und in einem 30-minütigen Gespräch Eignung, Hosting-Wahl und ein realistisches Budget in Euro klären möchten, buchen Sie einen Termin oder senden Sie uns Ihre Eckdaten über unsere Kontaktseite.
Sie brauchen Unterstützung? Gem Programmers bietet Shopify-Entwicklung für Unternehmen in Deutschland, Österreich und der Schweiz. Fordern Sie ein kostenloses, unverbindliches Angebot an und erhalten Sie einen klaren Plan mit Umfang, Zeitrahmen und Preis.
