saasscout.de

Zuletzt aktualisiert: 27. März 2026 · 16 Min. Lesezeit · von Lars Sinsel

Shopify Hydrogen + Headless CMS 2026: Contentful, Sanity oder Storyblok?

Du hast dich für Hydrogen entschieden. Jetzt die nächste Frage: Welches Headless CMS? Contentful, Sanity, Storyblok, Prismic und Strapi im direkten Vergleich für Shopify Plus.

Hinweis: Dieser Artikel enthält Affiliate-Links. Bei einem Kauf über diese Links erhalten wir eine Provision ohne Mehrkosten für dich.

Anzeige: Dieser Artikel enthält Affiliate-Links. Wenn du über diese Links kaufst, erhalten wir eine Provision — für dich ohne Mehrkosten. Unsere redaktionelle Bewertung bleibt davon unberührt.

TL;DR: Du hast dich für Shopify Hydrogen entschieden. Die nächste Entscheidung — welches CMS — hängt von drei Faktoren ab: deinem Team-Setup, der Content-Komplexität und dem Budget. Kurzversion: Sanity für Dev-Teams mit flexiblen Content-Strukturen, Storyblok wenn Marketing-Redakteure ohne Entwickler arbeiten sollen, Strapi wenn du Budget sparen und die Infrastruktur selbst kontrollieren willst. Contentful nur für Enterprise mit entsprechendem Budget.


Warum überhaupt ein Headless CMS mit Hydrogen?

Wenn du bis hierher gekommen bist, musst ich dir nicht erklären was Headless Commerce ist. Du hast bereits den Entscheidungsprozess hinter dir und weißt: Hydrogen ist der richtige Weg für dein Projekt. Die Frage ist jetzt eine andere.

Shopify verwaltet deine Produktdaten perfekt. Preise, Varianten, Bestände, Bestellungen — das ist Shopifys Kernkompetenz. Aber wer verwaltet deine Landingpages? Deine Kampagnenseiten? Den Blog, die Über-uns-Seite, die saisonalen Aktions-Banner?

Das ist das Problem das viele Hydrogen-Projekte unterschätzen.

Die Architektur sieht so aus:

  • Shopify (Storefront API): Produktkatalog, Warenkorb, Checkout, Kundendaten
  • Headless CMS: Editorial Content, Landingpages, Kampagnen, Blog
  • Hydrogen/Remix: Frontend das beides zusammenführt und dem Kunden zeigt

Ohne CMS leben deine Inhalte im Code. Das bedeutet: jede kleine Textänderung auf der Homepage, jeder neue Kampagnenbanner, jede aktualisierte Über-uns-Seite braucht einen Entwickler und einen Deployment-Zyklus. Für einen Shopify Plus-Merchant mit aktivem Marketing-Team ist das nicht praktikabel.

Das CMS ist der Content-Layer. Es ist nicht optional — es ist die Frage welches.


Die Top-5 Headless CMS für Shopify Hydrogen im Vergleich

Ich habe alle fünf im Kontext von Hydrogen-Projekten evaluiert. Nicht theoretisch — sondern bei der Entscheidung für unsere eigene Headless-Evaluierung und bei zwei Kundenprojekten. Hier sind die ehrlichen Einschätzungen.

Contentful — Marktführer mit Enterprise-Preisschild

Contentful ist das bekannteste Headless CMS. Das ist gleichzeitig seine Stärke und sein Problem.

Was gut funktioniert: Die API ist stabil, gut dokumentiert und in jeder Hydrogen-Umgebung problemlos integrierbar. Content-Modelle lassen sich präzise definieren. Für Teams die GraphQL bereits kennen, ist der Einstieg schnell.

Was nicht gut funktioniert: Ab dem “Team”-Plan (ca. 300 Euro/Monat) wird es teuer — und der Free-Plan ist mit 5 Nutzern und 25.000 Einträgen für ernsthafte Projekte schnell ausgereizt. Enterprise kostet über 2.000 Euro/Monat. EU-Hosting ist verfügbar, aber nicht Standard — du musst es explizit konfigurieren.

Hydrogen-Integration: Kein offizielles Hydrogen-Starter-Kit von Contentful selbst, aber gut dokumentierte GraphQL-API und eine aktive Community mit mehreren Community-Paketen. Funktioniert zuverlässig, erfordert aber mehr Konfigurationsaufwand als Sanity oder Storyblok.

Redakteurs-Erfahrung: Solide, aber nicht intuitiv. Marketing-Redakteure ohne technisches Background brauchen eine Einarbeitungszeit von 1-2 Wochen.

Meine Einschätzung: Contentful ist die richtige Wahl wenn du in einem Enterprise-Umfeld arbeitest, ein 5+ köpfiges Dev-Team hast, und das Budget für die Enterprise-Lizenz vorhanden ist. Für alles darunter gibt es bessere Optionen.


Sanity — Flexibelstes Datenmodell, stärkste Dev-Experience

Sanity ist mein persönlicher Favorit für Entwicklerteams. Das liegt an einem Faktor: GROQ.

GROQ (Graph-Relational Object Queries) ist Sanitys eigene Query-Language. Sie ist für verschachtelte Dokument-Strukturen optimiert und erlaubt Abfragen die mit GraphQL umständlicher wären. Wenn du ein komplexes Content-Modell hast — Produkte die auf Kategorien verweisen die auf Landingpages verweisen — dann ist GROQ ein echter Vorteil.

Was gut funktioniert: Das Content-Schema wird als Code definiert (TypeScript). Das bedeutet dein Content-Modell lebt im Git-Repository, ist versioniert, und kann wie jede andere Konfiguration gereviewed werden. Für Dev-Teams die Infrastructure-as-Code bevorzugen ist das ideal. Der Free-Tier ist tatsächlich großzügig: 3 Nutzer, unbegrenzte Dokumente, 500k API-Anfragen/Monat.

Was nicht gut funktioniert: Der Standard-Editor (Sanity Studio) ist für Redakteure ohne technisches Background gewöhnungsbedürftig. Es ist hochgradig konfigurierbar, aber “out of the box” keine intuitive Redaktionsoberfläche. Du musst in die Konfiguration des Studios investieren.

Hydrogen-Integration: Hervorragend. Sanity hat ein offizielles Shopify-Plugin (sanity-plugin-shopify) das Produktdaten aus Shopify direkt in Sanity einbindet. Das ermöglicht hybride Dokumente: ein Sanity-Dokument das sowohl Shopify-Produktdaten als auch redaktionellen Content enthält. Das ist für Lookbooks, Kampagnen-Landingpages und editorielle Produktstories extrem nützlich.

Meine Einschätzung: Erste Wahl für Projekte mit Dev-Team und komplexem Content-Modell. Nicht geeignet wenn Marketing-Redakteure ohne Entwickler-Unterstützung arbeiten müssen.


Storyblok — Visual Editor als Killer-Feature

Storyblok hat ein Feature das die anderen nicht haben: einen wirklich guten Visual Editor.

Du editierst deinen Content und siehst die Änderungen live in einer Vorschau des Frontends — nicht in einem abstrakten Formular, sondern visuell. Für Marketing-Teams die gewohnt sind Page-Builder zu bedienen (Elementor, Webflow) ist dieser Ansatz sofort verständlich.

Was gut funktioniert: Onboarding für nicht-technische Nutzer ist schnell. Ich habe Redakteure beobachtet die nach 30 Minuten eigenständig Landingpages erstellt haben — ohne jede Entwickler-Unterstützung. Storyblok hat außerdem eine native Shopify-Komponenten-Bibliothek und ein offizielles Hydrogen-Starter-Paket.

Was nicht gut funktioniert: Das Datenmodell ist weniger flexibel als Sanity. Komplexe verschachtelte Strukturen erfordern mehr Konfigurationsaufwand. Der Starter-Plan (85 Euro/Monat) reicht für kleinere Projekte, aber bei mehreren Sprachen und höherem Traffic wird es teurer.

Hydrogen-Integration: Das stärkste von allen fünf. Offizielle Dokumentation, Starter-Kit, aktive Integration im Shopify-Ökosystem. npm install @storyblok/js und los. Draft-Mode und Preview-API sind out of the box verfügbar — wichtig für Hydrogen’s Remix-basierte Loader.

Meine Einschätzung: Erste Wahl wenn Marketing-Redakteure ohne Entwickler-Support Inhalte pflegen müssen. Zweit-Wahl für reine Dev-Teams.


Prismic — Einfachster Einstieg, begrenztes Wachstumspotenzial

Prismic ist der Page-Builder unter den Headless CMS. Einfacher Einstieg, klares Konzept, aber weniger flexibel als Sanity oder Storyblok.

Was gut funktioniert: Onboarding dauert einen halben Tag. Das “Slice Machine”-Konzept — wiederverwendbare Content-Blöcke — macht Sinn für strukturierte Seiten. Free-Tier für kleinere Projekte ausreichend.

Was nicht gut funktioniert: Für komplexe E-Commerce-Content-Strukturen stößt Prismic schnell an Grenzen. Die API ist weniger leistungsfähig als Sanity oder Contentful. Native Shopify-Integration ist Community-driven, nicht offiziell.

Meine Einschätzung: Gut für einfache Projekte mit Standard-Seitenstrukturen. Für Shopify Plus-Implementierungen mit komplexem Content-Bedarf zu limitiert.


Strapi — Open Source, Self-Hosted, volle Kontrolle

Strapi ist das einzige Open-Source-CMS auf dieser Liste mit Self-Hosting-Option. Das macht es zur kosteneffizientesten Wahl — wenn du die Infrastruktur selbst verwalten kannst.

Was gut funktioniert: Keine Lizenzkosten. Vollständige Datenkontrolle. DSGVO-Konformität per Definition (du hostest selbst). Content-API ist REST und GraphQL. Aktive Community.

Was nicht gut funktioniert: Self-Hosting bedeutet Ops-Aufwand. Du bist für Updates, Backups, Skalierung und Security zuständig. Für ein 2-3 Personen-Startup das sich auf Features konzentrieren will, ist das ein echter Kostenfaktor — nur versteckt in Entwicklerzeit statt in Lizenzgebühren. Native Hydrogen-Integration ist Community-driven.

Meine Einschätzung: Richtig für Teams mit DevOps-Erfahrung und Budget-Restriktionen. Falsch für Teams die keine Infrastruktur verwalten wollen.


Integrations-Tiefe: Was bedeutet “Hydrogen-kompatibel”?

Nicht jedes “Headless CMS” ist gleich gut für Hydrogen geeignet. Hier sind die vier Kriterien die wirklich zählen:

1. GraphQL-native vs. REST-only

Hydrogen/Remix arbeitet mit Loaders die Daten beim Request fetchen. GraphQL-native CMS (Contentful, Sanity via GROQ, Storyblok) erlauben präzise Datenabfragen — du holst nur was du brauchst. REST-only CMS können funktionieren, erzeugen aber oft Over-fetching.

2. Preview-Mode / Draft-Mode Support

Das ist kritisch für Redakteure. Hydrogen’s Remix-Architektur unterstützt Draft-Mode: Redakteure können unveröffentlichte Inhalte in einer Preview-URL sehen bevor sie live gehen. Storyblok und Sanity unterstützen das out of the box. Bei Contentful und Prismic ist es möglich aber erfordert mehr Konfiguration.

3. Webhooks für Cache-Invalidierung

Hydrogen kann Inhalte cachen. Wenn dein CMS einen Inhalt aktualisiert, muss der Cache invalidiert werden — sonst sieht dein Nutzer veraltete Inhalte. Alle fünf CMS unterstützen Webhooks. Die Qualität der Dokumentation für Hydrogen-spezifische Cache-Invalidierung variiert erheblich: Sanity und Storyblok haben konkrete Guides, bei den anderen musst du selbst recherchieren.

4. Offiziell unterstützte SDKs vs. Community-Packages

CMSHydrogen-IntegrationTyp
Storyblok@storyblok/js + Hydrogen StarterOffiziell
Sanitysanity-plugin-shopifyOffiziell
Contentfulcontentful SDKCommunity
Prismic@prismicio/clientCommunity
StrapiREST/GraphQL API direktManuell

Offiziell heißt: der Hersteller pflegt die Integration und reagiert auf Issues. Community heißt: du bist darauf angewiesen dass jemand anderes das Problem löst.


Kosten-Realität: Was kostet mich das wirklich?

Hier sind die Preise, die wirklich wichtig sind — nicht die Einstiegs-Preise im Pricing-Vergleich, sondern was du in der Praxis zahlst.

CMSFree TierStarterGrowthEnterprise
Contentful5 User, 25k Einträge~300 €/Mo~600 €/Mo2.000+ €/Mo
Sanity3 User, unbegrenzt~99 $/Mo~299 $/MoCustom
Storyblok1 User~85 €/Mo~450 €/MoCustom
Prismic1 User~9 $/Mo~45 $/MoCustom
StrapiSelf-Hosted: kostenlosCloud: 29 $/Mo~99 $/MoCustom

Was in diesen Preisen nicht enthalten ist:

  • Bandbreite / API-Calls: Besonders Contentful und Storyblok rechnen bei höheren Volumen nach. Bei 500k+ Seiten-Views pro Monat kann das mehrere hundert Euro zusätzlich kosten.
  • Lokalisierung: Mehrsprachige Inhalte (wichtig für DACH: DE/AT/CH) kosten bei fast allen CMS extra — entweder direkt im Preis oder durch erhöhte Entry-Anzahl.
  • Nutzer-Seats: Wenn dein Redaktionsteam auf 10+ Personen wächst, steigen die Kosten bei Contentful und Storyblok schnell.
  • Entwicklungskosten für die Integration: 5.000–20.000 Euro einmalig je nach Komplexität. Das ist der Kostenblock der in keinem Preisvergleich auftaucht.

Meine Faustformel: Für Hydrogen-Projekte unter 100.000 Euro Jahresbudget für die Tech-Infrastruktur: Sanity Free Tier oder Strapi Self-Hosted. Für 100.000–500.000 Euro Budget: Storyblok oder Sanity Growth. Über 500.000 Euro: Contentful Enterprise oder Custom Sanity Enterprise.


Entscheidungsmatrix: Welches CMS passt zu welchem Projekt?

KriteriumContentfulSanityStoryblokPrismicStrapi
Team: Solo-Dev⚠️⚠️
Team: Dev-Agentur⚠️
Team: Marketing-Redakteure⚠️⚠️✅✅⚠️
Hydrogen-Native⚠️✅✅⚠️⚠️
Datenmodell-Flexibilität✅✅⚠️
DACH-Support⚠️⚠️⚠️
Kostengünstig⚠️⚠️✅✅
Enterprise-Ready✅✅⚠️⚠️
DSGVO / EU-Hosting✅✅

Die Entscheidung in drei Fragen:

  1. Hat dein Marketing-Team Entwickler zur Seite oder arbeitet es selbständig?

    • Selbständig → Storyblok
    • Mit Entwicklern → Sanity oder Contentful
  2. Wie komplex ist dein Content-Modell?

    • Einfache Seiten und Kampagnen → Storyblok oder Prismic
    • Verschachtelte Datenstrukturen, Produktverknüpfungen, editorielle Stories → Sanity
    • Enterprise-Datenvolumen → Contentful
  3. Wie viel willst du für CMS-Lizenzen ausgeben?

    • So wenig wie möglich → Sanity Free Tier oder Strapi
    • Moderate Investition → Storyblok Starter
    • Kein Budget-Limit → Contentful Enterprise

Shopify Plus und Headless CMS: Enterprise-Überlegungen

Wenn du Shopify Plus nutzt — und bei einem ernsthaften Hydrogen-Projekt ist das praktisch Pflicht, bedingt durch die höheren API-Rate-Limits und den Zugang zu Shopify Functions — dann ändern sich einige Überlegungen.

Ab wann rechnet sich die Investition? Ich habe das durchgerechnet und komme auf einen Richtwert: Headless plus CMS lohnt sich ab etwa 500.000 Euro Monatsumsatz, wenn du konkrete Anforderungen hast die das Standard-Shopify-Theme nicht erfüllen kann. Nicht wegen Headless an sich, sondern weil du damit ein Entwicklerteam finanzieren kannst das die laufenden Kosten durch Conversion-Optimierung rechtfertigt. Die Details zu Shopify Plus Enterprise-Features und zur Gesamtkostenrechnung helfen hier weiter.

DSGVO und EU-Datenspeicherung: Das ist für DACH-Merchants kein Nice-to-have, sondern Pflicht.

  • Contentful: EU-Region (Frankfurt) verfügbar, AVV wird abgeschlossen
  • Storyblok: EU-Hosting Standard (Österreich — passt gut für DACH)
  • Sanity: EU-Region konfigurierbar (Dataset-Einstellung bei Erstellung)
  • Prismic: EU-Hosting verfügbar, AVV auf Anfrage
  • Strapi Self-Hosted: Per Definition compliant — du wählst wo dein Server steht

Lokalisierung für DACH: Deutsch/Österreich/Schweiz bedeutet in der Praxis mindestens zwei Locales (de-DE und de-AT/de-CH sind oft unterschiedlich), manchmal drei. Alle fünf CMS unterstützen i18n, aber die Komplexität unterscheidet sich:

  • Storyblok: i18n out of the box, gut dokumentiert für mehrsprachige Stores
  • Sanity: Flexible i18n via Felder oder separaten Dokument-Versionen — erfordert Konfigurationsaufwand, ist aber sehr flexibel
  • Contentful: Robustes i18n, aber Locale-basiertes Pricing kann teuer werden

Fazit für Shopify Plus Enterprise-Entscheider: Storyblok oder Sanity sind die sicherste Wahl. Contentful wenn du bereits in einem Enterprise-Ökosystem bist und das Budget vorhanden ist.

Shopify Plus für Headless starten

FAQ

Welches Headless CMS funktioniert am besten mit Shopify Hydrogen?

Sanity und Storyblok haben die stärkste native Hydrogen-Unterstützung. Sanity punktet bei Entwicklerflexibilität und der GROQ-Query-Language. Storyblok hat den besten Visual Editor für Redakteure ohne Coding-Kenntnisse. Für Teams mit starkem Dev-Fokus: Sanity. Für Teams mit Marketing-Redakteuren: Storyblok.

Kann ich Shopify Hydrogen ohne Headless CMS nutzen?

Ja. Hydrogen funktioniert auch ohne separates CMS — Produktdaten kommen aus Shopify, einfache Seiteninhalte können direkt im Code oder per Shopify Metafields verwaltet werden. Ein CMS lohnt sich erst, wenn ein Marketing-Team eigenständig Landingpages und Kampagnenseiten pflegen muss — ohne Entwickler einzuschalten.

Was kostet die Integration eines Headless CMS mit Shopify Hydrogen?

Die CMS-Lizenz beginnt bei kostenlos (Sanity Free Tier) und geht bis 2.000+ Euro/Monat für Enterprise-Pläne (Contentful). Dazu kommen Entwicklungskosten für die Integration: 5.000–20.000 Euro einmalig je nach Komplexität des Projekts. Der größte versteckte Kostenfaktor ist der laufende Maintenance-Aufwand für das Custom-Frontend.

Ist Contentful DSGVO-konform für deutsche Shops?

Ja. Contentful bietet EU-Rechenzentren in Frankfurt und schließt einen Auftragsverarbeitungsvertrag (AVV) ab. Storyblok hostet standardmäßig in der EU. Sanity erlaubt EU-Region-Konfiguration beim Dataset. Strapi Self-Hosted ist per Definition DSGVO-konform, da du die Infrastruktur vollständig kontrollierst.

Wie integriere ich Storyblok in Shopify Hydrogen?

Storyblok bietet ein offizielles Hydrogen-Starter-Paket. Installation: npm install @storyblok/js, dann Storyblok als Content-Quelle für non-product Pages konfigurieren. Produktdaten weiterhin aus Shopify Storefront API. Storybloks offizielle Dokumentation unter storyblok.com/technologies/shopify enthält step-by-step Guides.

Wann lohnt sich Headless Commerce überhaupt?

Das ist die eigentliche Vorfrage. Wenn du noch nicht sicher bist ob Headless der richtige Weg für deinen Shop ist, lies zuerst: Shopify Headless Commerce 2026 — Wann lohnt sich Headless wirklich?. Kurze Antwort: Für 95% der Shops nicht. Aber für die 5% die es wirklich brauchen, ist dieser Artikel hier genau der richtige nächste Schritt.

Newsletter

Die besten Tool-Deals & Reviews direkt ins Postfach

Kein Spam. Nur relevante Updates wenn sich etwas wirklich lohnt. Double-Opt-In, jederzeit abbestellbar.

Double-Opt-In. Datenschutz gemäß DSGVO.