Was kostet Going Headless mit Shopify? Die vollständige Antwort
Going Headless mit Shopify kostet 10.000 bis 300.000 Euro für den Aufbau, plus 2.000 bis 15.000 Euro monatlich für den Betrieb.
Going Headless mit Shopify kostet zwischen 10.000 und 300.000 Euro+ für den initialen Aufbau und zwischen 2.000 und 15.000 Euro pro Monat für den anschließenden Betrieb. Die genaue Summe hängt von deinem Tech-Stack, deinem Team und dem Umfang deiner Integrationslösung ab. Wenn du überlegen möchtest, ob sich die Investition für deinen Shop lohnt, erhältst du in diesem Artikel alle Zahlen, alle versteckten Posten und einen Rahmen für deine Entscheidung.
Die wichtigsten Erkenntnisse
- Die Aufbaukosten reichen von ca. 10.000 Euro (Solo-Entwickler, minimales Hydrogen MVP) bis 300.000+ Euro (Senior-Agentur, vollständiger Composable-Stack)
- Die meisten ernsthaften Production-Builds für Wachstums-Phase-Marken landen zwischen 30.000 und 150.000 Euro upfront
- Die laufenden Kosten (Retainer, CMS, Hosting, Search) betragen 2.000 bis 15.000 Euro pro Monat nach dem Launch
- Shopify Plus mit ca. 2.300 Euro/Monat ist die praktische Untergrenze für die meisten Production-Headless-Projekte aufgrund von API Rate Limits und Checkout-Erweiterbarkeit
- Shopify und Vercel gaben im Juni 2026 ein überarbeitetes, Framework-agnostisches Hydrogen bekannt, das sich noch in der Developer Preview befindet und zukünftige Abhängigkeiten reduzieren wird
Was "Going Headless" wirklich bedeutet (und was es kostet, anzufangen)
In einem klassischen Shopify-Shop verwalten Liquid-Templates sowohl das Storefront als auch die Commerce-Logik. Bei einer Headless-Lösung ist das Frontend völlig entkoppelt: du erstellst ein Custom Storefront (typischerweise in React mit Hydrogen oder in Next.js, Nuxt oder Svelte), das ausschließlich über APIs mit Shopify kommuniziert, während Shopify im Hintergrund Checkout, Inventory und Order Management übernimmt.
Der günstigste brauchbare Headless-Aufbau erfordert dennoch eine ordentliche Storefront API-Integration, eine CMS- oder Visual-Editing-Lösung und ein funktionierendes Analytics-Setup. Alles unter 10.000 Euro ist fast immer nur eine Demo oder ein portiertes Tutorial, das innerhalb von 12 Monaten völlig neu geschrieben werden muss.
So sehen die Aufbaukosten in der Praxis 2026 aus:
| Aufbau-Tier | Typische Kosten | Passt zu |
|---|---|---|
| Minimales Hydrogen MVP (Solo-Dev oder kleines Studio) | 10.000 bis 25.000 Euro | Early-Stage-Brands, die Headless testen |
| Production-Build für Wachstumsphase | 30.000 bis 80.000 Euro | Brands mit 2 bis 10 Millionen Euro GMV, die an Liquid-Grenzen stoßen |
| Mid-Market-Agentur-Build (Shopify Plus) | 80.000 bis 150.000 Euro | Brands mit komplexen Integrationen und Design-Anforderungen |
| Enterprise Composable Commerce | 150.000 bis 500.000+ Euro | Multi-Market, Multi-Brand, ERP/PIM/OMS-Integration |
Die fünf Kostenschichten, die Angebote auslassen
Die meisten Agentur-Angebote zeigen dir nur die Build-Gebühr. Die vier oder fünf Schichten danach lassen sie weg. Hier ist das vollständige Bild:
1. Shopify-Plan
Die Storefront API ist technisch auf jedem bezahlten Plan verfügbar, aber fast jeder Production-Headless-Build läuft auf Shopify Plus bei ungefähr 2.300 Euro/Monat. Die Gründe sind konkret: höhere API-Call-Limits, Zugang zu Checkout UI Extensions, Shopify Functions und die Möglichkeit, Multi-Market-Storefronts sauber zu betreiben. Standard-Pläne (39, 399 Euro/Monat) können für kleinere Brands funktionieren, aber API Rate Limits werden während großer Traffic-Events wie Flash Sales zum echten Engpass.
2. Hosting
Oxygen, Shopifys eigene Hosting-Lösung, ist in jedem bezahlten Shopify-Plan enthalten (nicht im Starter-Plan). Wenn du stattdessen auf Vercel oder Cloudflare Workers deployst, plane 200 bis 500 Euro/Monat für Bandbreite und Serverless-Function-Execution bei Production-Traffic-Levels ein. Hydrogen deployt nach der Partnership-Ankündigung im Juni 2026 direkt zu Vercel, also werden beide Optionen vollständig unterstützt.
3. Headless CMS
Du brauchst einen Ort, um Rich-Content zu verwalten: Landing Pages, Editorial, Lookbooks und Campaign-Seiten. Sanity und Contentful sind die häufigsten Optionen und kosten 0 bis 1.500 Euro/Monat je nach Tier und Anzahl der Editoren. Falls die Antwort auf "wer macht nach dem Launch Content-Änderungen?" "der Developer" lautet, wirst du deinen Retainer für Copy-Edits aufbrauchen. Eine ordentliche CMS-Lizenz verhindert das.
4. Third-Party-Integrationen
Jede Integration (ERP, PIM, OMS, Loyalty, Subscriptions) addiert 5.000 bis 20.000 Euro pro System zu deinen initialen Build-Kosten plus laufende Wartung. Erfasse jede Integration, bevor du mit einer Agentur sprichst, und addiere diese Summe zu deinem Estimate, bevor du Angebote vergleichst.
5. Laufender Developer-Retainer
Das ist der Posten, der die meisten Merchants überrascht. Bei einem Theme-basierten Shop kann dein Marketing-Team Layouts ändern, Sections hinzufügen und Seiten umordnen über Shopifys Editor. Bei einem Headless-Shop benötigen strukturelle Änderungen (neue Seiten-Typen, Layout-Modifikationen, neue Component-Patterns) einen Developer. Die meisten Brands mit einem Headless-Shop unterhalten einen Retainer von 3.000 bis 8.000 Euro/Monat für Feature-Entwicklung, Bug-Fixes und Platform-Updates, während Theme-basierte Shops typischerweise mit 1.000 bis 3.000 Euro/Monat für gleichwertigen Support auskommen.
Für ein strategisches Enterprise-Headless-Setup laufen Shopify Plus-Agentur-Retainer für Headless-Wartung und AI/MCP-Integration auf 10.000 bis 20.000+ Euro/Monat.
Was das neue Framework-agnostische Hydrogen für die Kosten bedeutet
Das ist die wichtigste Entwicklung 2026 für jeden, der ein Headless-Projekt budgetiert. Im Juni 2026 kündigten Shopify und Vercel auf der Vercel Ship 26 in New York eine völlig überarbeitete Version von Hydrogen an, Open Source und Runtime-agnostisch. Die neue Version läuft überall dort, wo JavaScript läuft: Next.js, Nuxt, Svelte, Cloudflare Workers oder dein eigenes Custom Framework.
Vorher war das alte Hydrogen eng an Remix (später React Router) gekoppelt, was bedeutete, dass Teams ein ganzes Framework adoptieren mussten, das sie vielleicht gar nicht wollten. Das neue Hydrogen ist ein Toolkit, kein Framework: ein Framework-agnostischer Kern von Shopify-Storefront-Primitiven, dünne Bindings für das Framework, das du bereits nutzt, und Agent-Skills, die Coding-Agents dabei helfen, alles zusammenzufügen.
Für Merchants und Budget-Planer ist das aus zwei Gründen wichtig:
- Niedrigeres zukünftiges Migrations-Risiko. Teams, die auf Next.js oder Nuxt bauen, benötigen nicht länger separaten "Glue Code", um mit Shopifys APIs zu kommunizieren, was langfristige Wartungskosten reduziert.
- Breiterer Developer-Pool. Du kannst aus einem React-, Svelte- oder Nuxt-Talent-Pool einstellen, statt nur von Hydrogen/Remix-Spezialisten, was die Stundensätze leicht senkt.
Hinweis: Stand August 2026 befindet sich das neue Hydrogen noch in Developer Preview. Aktuelle Hydrogen-Storefronts funktionieren weiterhin, und eine Public Beta wurde für Q3 2026 angepeilt. Verändere deine Build-Strategie nicht um Preview-Stage-Features, beachte aber die Richtung für dein langfristiges TCO-Modell.
Falls du einen Shopify Headless-Entwicklungspartner evaluierst, frag konkret, wie sie den Hydrogen-Rebuild verfolgen und ob ihre aktuellen Builds den Framework-agnostischen Kern oder die legacy Remix-basierte Version nutzen.
Der Hybrid-Weg, den die meisten Merchants tatsächlich brauchen
Für Shops mit 250.000 bis 1 Million Euro Umsatz pro Monat kommt die stärkste ROI selten aus einer vollständigen Headless-Umstellung. Sie kommt aus einer Hybrid-Architektur: Behalte Shopifys nativen Checkout und deine Kern-Commerce-Flows bei, während du nur auf den High-Impact-, High-Traffic-Experiences (Homepage, PLPs, Editorial-Seiten) Headless gehst, wo du wirklich Performance oder Design-Kontrolle brauchst.
Dieser Ansatz fängt die meisten Performance- und Flexibilitäts-Vorteile bei einem Bruchteil der Kosten und Komplexität. Shopifys nativer Checkout konvertiert, und ihn zu rebuilden kostet extra und birgt Risiko ohne klaren Vorteil.
Wann Headless finanziell Sinn macht
- Dein Shop hat quantifizierbare, bewiesene Performance- oder Architektur-Engpässe (keine angenommenen)
- Du machst 5+ Millionen Euro jährlich GMV, wo jeder Prozentpunkt Conversion Rate sechs Ziffern wert ist
- Du brauchst komplexe Product-Configurators, 3D-Previews oder AR-Erlebnisse, die Liquid nicht unterstützen kann
- Du betreibst Multi-Market-Storefronts, die regionsspezifische Content und Performance-Strategien benötigen
- Du hast laufendes Engineering-Budget (3.000 bis 8.000 Euro/Monat Minimum) für Post-Launch-Arbeit
Wann Headless NICHT Sinn macht
- Dein Team schätzt Self-Service-Content-Editing mehr als pixelgenaue Design-Kontrolle
- Dein initiales Build-Budget liegt unter 60.000 Euro
- Deine Content-Anforderungen sind hauptsächlich produktfokussiert und einfach
- Du hast dein existierendes Liquid-Theme nicht bereits audited und optimiert (ein gut optimiertes Online Store 2.0-Theme erreicht ca. 2,0s LCP und eine 58%ige Core Web Vitals-Bestehensquote, was kommerziell akzeptabel für die meisten 7- bis 8-stelligen Shops ist)
Falls du in diese zweite Gruppe gehörst, wird ein Shopify-Speed-Optimization-Pass auf deinem existierenden Theme fast immer mehr zurückgeben als eine vollständige Headless-Migration bei deinem aktuellen Revenue-Level.
Vollständiger Kostenvergleich: Headless vs. Traditional Theme
| Kostenkategorie | Traditional Liquid Theme | Headless (Hydrogen) |
|---|---|---|
| Initialer Aufbau | 5.000 bis 60.000 Euro | 10.000 bis 300.000+ Euro |
| Shopify-Plan | Jeder Plan (39+ Euro/Monat) | Praktisch Shopify Plus (2.300 Euro/Monat) |
| Hosting | Enthalten | Kostenlos (Oxygen) oder 200 bis 500 Euro/Monat (Vercel/CF) |
| Headless CMS | Nicht erforderlich | 0 bis 1.500 Euro/Monat (Sanity, Contentful) |
| Developer-Retainer | 1.000 bis 3.000 Euro/Monat | 3.000 bis 8.000 Euro/Monat (Enterprise mehr) |
| Content Self-Service | Vollständig (Theme-Editor) | Teilweise (CMS ja, strukturelle Änderungen brauchen Dev) |
| Jahr-1-Total (Mid-Range) | 30.000 bis 80.000 Euro | 80.000 bis 200.000+ Euro |
So evaluierst du ein Headless-Angebot (bevor du unterschreibst)
Bevor du dich zu irgendeinem Build verpflichtest, geh diese Checkliste durch:
- Frag, was NICHT enthalten ist. CMS-Lizenzierung, Hosting, Search, laufender Support und SEO-Migration erscheinen typischerweise in Monat zwei, nicht im initialen Angebot.
- Verifiziere Live-Production-Storefronts. Keine Demos oder Tutorials. Frag nach Production-URLs mit sichtbarer Storefront API, GraphQL und SSR im Source.
- Lass die vollständigen monatlichen SaaS-Stack-Kosten schriftlich festhalten. CMS, Hosting, Search und Analytics sollten alle aufgeschlüsselt sein, bevor du den Build-Vertrag unterschreibst.
- Modelliere 12-Monats-Total-Cost-of-Ownership. Das ist Build-Kosten plus 12 Monate Developer-Retainer plus CMS plus Hosting plus Integration-Wartung. Vergleiche diese Zahl mit dem Revenue-Upside, den du wirklich quantifizieren kannst, wenn du deine aktuellen Engpässe beseitigst.
- Setze einen GMV-Schwellwert. Falls die Rechnung bei deinem aktuellen Revenue nicht aufgeht, identifiziere das GMV-Level, bei dem sie es tut, und revisit wenn du dort ankommst.
Mid-Market-Brands bei 5 bis 20 Millionen Euro jährlichem GMV erreichen typischerweise Payback bei einer Headless-Investition in 12 bis 18 Monaten. Unter 5 Millionen Euro gibt fast immer die Optimierung deines Liquid-Theme mehr pro ausgegebenem Euro zurück.
Häufig gestellte Fragen
Was kostet Going Headless mit Shopify für einen mittelgroßen Brand?
Ein Production-Headless-Build für einen mittelgroßen Brand (mit 2 bis 10 Millionen Euro GMV) kostet typischerweise 30.000 bis 80.000 Euro upfront. Addiere Shopify Plus mit 2.300 Euro/Monat, eine CMS-Lizenz von 0 bis 1.500 Euro/Monat und einen Developer-Retainer von 3.000 bis 8.000 Euro/Monat. Jahr-eins-Total-Cost-of-Ownership landet häufig zwischen 80.000 und 200.000 Euro.
Ist Shopify Hydrogen kostenlos?
Hydrogen selbst, das Framework, ist kostenlos und Open Source. Oxygen-Hosting ist in jedem bezahlten Shopify-Plan enthalten (außer Starter), also gibt es keine zusätzliche Hosting-Gebühr, wenn du es nutzt. Deine Kosten kommen aus dem Build, dem CMS und dem laufenden Developer-Retainer, nicht direkt von Hydrogen oder Oxygen.
Was ist das neue Framework-agnostische Hydrogen und ändert es die Kosten?
Im Juni 2026 kündigten Shopify und Vercel ein überarbeitetes Hydrogen an, das Open Source und Runtime-agnostisch ist, was bedeutet, dass es mit Next.js, Nuxt, Svelte oder jedem JavaScript-Framework läuft. Es befindet sich derzeit in Developer Preview. Aus Budget-Perspektive sollte es langfristige Wartungskosten senken, indem es den Developer-Talent-Pool verbreitert und Framework-spezifische Abhängigkeit eliminiert, aber es ist noch nicht Production-ready für neue Builds.