E-Commerce·9 MIN. LESEZEIT
Headless Commerce: Was es ist und wann es sinnvoll ist
Eine verständliche Einführung in Headless Commerce: Vorteile, Nachteile und für wen sich diese Architektur wirklich lohnt.
Von Martin Ogris
Gründer & Geschäftsführer·21. Dezember 2025·9 Min. Lesezeit
Headless Commerce ist eines der meistdiskutierten Konzepte im E-Commerce. Doch hinter dem Buzzword steckt eine konkrete architektonische Entscheidung: Frontend und Backend werden voneinander getrennt und kommunizieren ausschliesslich via API. Was das konkret bedeutet, wann es für DACH-Händler Sinn ergibt und was es wirklich kostet – das klären wir hier ohne Schönfärberei.
Traditionell vs. Headless: Der Unterschied
Bei einem klassischen Shopsystem – etwa einem Shopify-Theme oder einem WordPress-WooCommerce-Setup – sind Frontend (was der Kunde sieht) und Backend (Produktdaten, Bestelllogik, Admin) fest miteinander verzahnt. Das hat Vorteile: schnellere Einrichtung, geringere Komplexität, viele sofort nutzbare Features. Der Nachteil: Designfreiheit und Performance stossen irgendwann an systembedingte Grenzen.
Headless löst diese Kopplung auf. Das Backend – zum Beispiel Shopify als Commerce-Engine – stellt alle Daten über eine GraphQL- oder REST-API bereit. Das Frontend, etwa ein Next.js- oder Remix-Projekt, konsumiert diese Daten und rendert die Seiten vollständig unabhängig.
Architektur-Vergleich auf einen Blick
| Merkmal | Traditionell | Headless | Composable |
|---|---|---|---|
| Frontend/Backend-Kopplung | Fest verbunden | Entkoppelt | Vollständig modular |
| Designfreiheit | Templategrenzen | Vollständig frei | Vollständig frei |
| Time-to-Market | Schnell (Wochen) | Langsam (Monate) | Sehr langsam (Monate+) |
| Initialkosten | Niedrig–mittel | Hoch (ab €20k) | Sehr hoch (Enterprise) |
| Wartungsaufwand | Gering | Hoch | Sehr hoch |
| Multi-Channel | Eingeschränkt | Gut geeignet | Optimal |
| Internes Dev-Team nötig | Nein | Ja | Ja (mehrere) |
Wann lohnt sich Headless wirklich?
Headless ist kein Selbstzweck. Die ehrliche Antwort: für viele DACH-Händler ist ein optimiertes Shopify-Theme die bessere Wahl. Headless lohnt sich konkret dann, wenn mehrere der folgenden Kriterien zutreffen:
Headless ist sinnvoll, wenn …
- Multi-Channel-Strategie: Dieselben Produktdaten sollen Website, Mobile App, Kiosk-Terminals und B2B-Portal bedienen.
- Performance als Wettbewerbsvorteil: Core Web Vitals sind nachweislich conversion-relevant und Theme-Limits sind erreicht.
- Hochkomplexe UX: Produktkonfiguratoren, 3D-Previews, individualisierte Kataloge – Anforderungen, die kein Theme-System abbilden kann.
- B2B-Portal mit eigener Logik: Kundenspezifische Preise, Freigabe-Workflows, Rollen – eine separate Oberfläche auf demselben Commerce-Backend.
- Umsatz ab ca. €2 Mio.: Erst ab dieser Grössenordnung ist der ROI der höheren Initialinvestition realistisch erzielbar.
- Standard-D2C ohne Besonderheiten: Wer einen klassischen Shop ohne Multi-Channel braucht, gewinnt durch Headless in der Regel nichts ausser Kosten.
- Kein internes Dev-Team: Ohne React/Next.js-Know-how wird jede Änderung zur Agentur-Anfrage – das summiert sich.
Shopify Hydrogen & Oxygen
Shopify hat mit Hydrogen ein React-basiertes Storefront-Framework entwickelt, das direkt auf die Shopify Storefront API aufsetzt. Als Laufzeitumgebung dient Oxygen – Shopifys Edge-Hosting-Netz, das im Shopify-Plan enthalten ist und Seiten global verteilt. Das Ergebnis: Ladezeiten unter 100 ms im DACH-Raum sind realistisch.
Hydrogen nutzt Remix als Routing-Framework und Server Side Rendering by default – damit ist SEO-Tauglichkeit ab der ersten Zeile Code gegeben. Der Einstieg läuft typischerweise so ab:
Discovery & Scope
Anforderungsanalyse, Architekturentscheid, technischer Scope – Festpreis nach Abschluss
Live-Prototyp im Browser
Klickbarer Prototyp statt statischer Entwürfe – sofortiges Feedback im echten Browser-Kontext
Hydrogen-Build
React-Komponenten, GraphQL-Integration, CMS-Anbindung, Checkout-Extensions
Oxygen-Deployment
CI/CD-Pipeline, Edge-Hosting, globales CDN – Production-ready auf Shopify-Infrastruktur
Discovery & Scope
Anforderungsanalyse, Architekturentscheid, technischer Scope – Festpreis nach Abschluss
Live-Prototyp im Browser
Klickbarer Prototyp statt statischer Entwürfe – sofortiges Feedback im echten Browser-Kontext
Hydrogen-Build
React-Komponenten, GraphQL-Integration, CMS-Anbindung, Checkout-Extensions
Oxygen-Deployment
CI/CD-Pipeline, Edge-Hosting, globales CDN – Production-ready auf Shopify-Infrastruktur
Headless CMS: Contentful, Sanity, Storyblok
Ein Commerce-Backend wie Shopify verwaltet Produkte, Varianten und Bestellungen. Für redaktionellen Content – Magazinbeiträge, Lookbooks, Ratgeberseiten, Landingpages – braucht es ein separates Headless CMS. Die drei wichtigsten im DACH-Mittelstand:
CMS-Vergleich für DACH-Händler
- Contentful: Enterprise-tauglich, starkes Ökosystem, strukturierte Content-Modellierung. Kosten steigen ab ca. 25 Benutzern spürbar – gut für grosse Teams.
- Sanity: Flexibles Schema, Real-time-Kollaboration, GROQ-Abfragesprache, transparentes Pricing. Unsere Standard-Empfehlung für den DACH-Mittelstand.
- Storyblok: Visual Editor mit Live-Preview – besonders geeignet, wenn Marketing-Teams ohne Entwickler-Unterstützung Inhalte pflegen. Einfachster Einstieg für Redakteure.
- Wann kein Headless CMS nötig: Reine Produktkataloge ohne Content-Marketing funktionieren auch mit Shopify-Metafeldern und -Pages.
Composable Commerce: Die Evolution
Headless trennt Frontend und Backend. Composable Commerce geht einen Schritt weiter: alle Funktionen werden als austauschbare, voneinander unabhängige Services betrieben. Das konzeptionelle Rahmenwerk heisst MACH – Microservices, API-first, Cloud-native, Headless.
Commerce Engine
Shopify / commercetools – Produkte, Preise, Bestellungen, B2B
Headless CMS
Sanity / Contentful / Storyblok – redaktioneller Content, Übersetzungen, Medien
Search & Discovery
Algolia / Elasticsearch – Produktsuche, Facetten-Filter, Empfehlungen
Payments & Checkout
Stripe / Adyen / Shopify Payments – SEPA, EPS, Klarna, Kreditkarte
Commerce Engine
Shopify / commercetools – Produkte, Preise, Bestellungen, B2B
Headless CMS
Sanity / Contentful / Storyblok – redaktioneller Content, Übersetzungen, Medien
Search & Discovery
Algolia / Elasticsearch – Produktsuche, Facetten-Filter, Empfehlungen
Payments & Checkout
Stripe / Adyen / Shopify Payments – SEPA, EPS, Klarna, Kreditkarte
MACH ist der Standard für Enterprises, die maximale Flexibilität und Vendor-Unabhängigkeit anstreben. Für DACH-Mittelstand mit Umsatz unter €20 Mio. ist der pragmatische Ansatz – Shopify Hydrogen + Sanity + Stripe – in der Regel ausreichend und erheblich günstiger im Betrieb.
TCO: Was Headless wirklich kostet
Der häufigste Fehler bei der Entscheidung für Headless ist, nur die Entwicklungskosten zu betrachten. Der tatsächliche Total Cost of Ownership setzt sich aus mehreren Komponenten zusammen:
| Kostenblock | Shopify-Theme | Headless (Hydrogen) | Composable (MACH) |
|---|---|---|---|
| Initialbuild | €8k–€25k | ab €20k | €80k–€250k+ |
| Hosting/Monat | im Plan enthalten | €0 (Oxygen) bis €300 (self-hosted) | €500–€2.000+ |
| CMS-Kosten/Monat | enthalten | €0–€500 (Sanity/Storyblok) | €500–€3.000 (Contentful Enterprise) |
| Wartung/Monat | €140–€500 (Retainer) | ab €1.700 (Retainer) | €3.000–€8.000+ |
| Dev-Team intern | optional | empfohlen (1 FE-Dev) | notwendig (2–4 Devs) |
Alle Angaben ohne Gewähr; tatsächliche Kosten hängen von Scope, Integrationen und internen Kapazitäten ab. Discovery klärt die konkreten Zahlen für Ihr Setup.
Fazit: Für wen Headless das Richtige ist
Headless Commerce ist eine mächtige Architektur – aber kein Allheilmittel. Unser Team aus Merchant-Background (wir haben selbst Shops betrieben) rät: Evaluieren Sie zuerst, ob Shopify Plus mit einem angepassten Theme Ihre Anforderungen abdeckt. Wenn Multi-Channel, Performance-Obsession, hochkomplexe UX oder ein B2B-Portal auf demselben Commerce-Backend die Treiber sind, ist Headless die richtige Wahl.
Was wir nicht tun: Performance-Garantien geben oder DSGVO-rechtliche Beratung übernehmen – das ist Aufgabe Ihres Anwalts. Was wir tun: ehrliche Einschätzung aus Merchant-Perspektive, konkrete Zahlen in der Discovery-Phase und saubere technische Umsetzung – ob Shopify Plus, Hydrogen oder klassisches Theme.
Ist Headless das Richtige für Sie?
Wir analysieren Ihre Anforderungen ehrlich und empfehlen, ob Headless, Shopify Hydrogen oder ein klassischer Stack mehr Hebel bringt.
Unverbindliches Gespräch vereinbaren