Headless Commerce:
Wann es sich lohnt – und wann nicht

Was Headless Commerce bedeutet

Ein klassischer Onlineshop liefert alles aus einer Hand: die Seiten, die Kunden sehen (das Frontend), und die Verwaltung von Produkten, Preisen und Bestellungen (das Backend). Bei Headless Commerce wird der „Kopf“, also das Frontend, abgetrennt. Das Shopsystem arbeitet nur noch im Hintergrund, das Frontend ist eine eigene Anwendung, die eigens programmiert und gehostet wird.

Beide Teile sprechen über eine API miteinander. Eine API ist eine festgelegte Daten-Schnittstelle: Das Frontend fragt zum Beispiel „Gib mir alle Produkte der Kategorie Schuhe“ oder „Lege diesen Artikel in den Warenkorb“, der Shop antwortet mit den Daten. Wie die Seite dann aussieht, entscheidet allein das Frontend. Shopify fasst es so zusammen: Headless trennt das Frontend der Storefront von ihrem Backend.

Zwei Begriffe fallen dabei oft. Eine PWA (Progressive Web App) ist laut MDN eine App aus Webtechnik, die sich wie eine installierte App anfühlt – sie lässt sich auf dem Gerät installieren und kann auch offline arbeiten. Ein „PWA-Shop“ ist meist ein Headless-Frontend in dieser Technik. Composable Commerce geht noch einen Schritt weiter: Auch Suche, Inhalte, Checkout oder Zahlungen kommen dann aus einzelnen, austauschbaren Diensten, die über APIs zusammengesetzt werden.

Klassischer Shop und Headless im Vergleich

Fachleute nennen den klassischen Shop einen Monolithen – ein System, das alles kann. Das klingt altmodisch, ist aber für die meisten Shops ein Vorteil: Ein Update, ein Ansprechpartner, und jede Erweiterung aus dem Plugin- oder App-Store greift sofort im Frontend.

Zwischen beiden Welten gibt es Mischformen. Viele Shops nutzen einzelne Headless-Bausteine, etwa eine externe Suche oder ein Content-Management-System für Ratgeberseiten, und behalten trotzdem das Theme des Shopsystems für Produktseiten und Checkout.

Die Vorteile von Headless Commerce

Die Vorteile sind echt – sie zeigen sich aber vor allem bei großen Shops, mehreren Kanälen und Teams mit eigenen Entwicklern.

Ein Beispiel für Content und Commerce: Shopware beschreibt, dass mit den Composable Frontends ein externes Headless-CMS die Seiteninhalte liefern kann, während Preise, Warenkorb und Checkout weiter aus der Store API kommen. Das Frontend lässt sich außerdem mit der Technik bauen, die Ihr Team kennt: Der API-Client von Shopware ist laut Hersteller nicht an Vue.js gebunden und funktioniert auch mit React, Svelte oder Astro.

Die Nachteile: was Sie selbst lösen müssen

Der größte Nachteil: Sie betreiben zwei Systeme. Das Frontend braucht eigenes Hosting, eigene Updates, eigene Tests und Entwickler, die es kennen. Shopify schreibt in seiner Entwickler-Dokumentation offen, dass eine Headless-Storefront mehr kostet als ein Theme – im Bau und im Betrieb.

Dazu kommt alles, was ein Shopsystem im klassischen Frontend ab Werk liefert. Ein Beispiel ist SEO: Shopware weist in der Dokumentation der Composable Frontends darauf hin, dass Verkaufskanäle vom Typ „Headless“ derzeit keine sprechenden SEO-Adressen erzeugen; empfohlen wird deshalb der Typ „Storefront“. Bei Erweiterungen gilt: Shopware unterstützt im Headless-Frontend Plugins und Apps, die ihre Funktion über die API anbieten. Was eine Erweiterung nur in der klassischen Storefront anzeigt, muss im eigenen Frontend nachgebaut werden.

• ✓Zwei Systeme betreiben: Hosting, Updates und Monitoring für Frontend und Shop.
• ✓Höhere Entwicklungskosten: Produktliste, Produktseite, Suche, Warenkorb und Kundenkonto werden programmiert statt konfiguriert.
• ✓Plugins und Apps: Bewertungen, Produktempfehlungen oder Zahlarten-Hinweise erscheinen nicht automatisch im Frontend.
• ✓SEO und Tracking: sprechende Adressen, Weiterleitungen, strukturierte Daten, Sitemap, Analyse und Einwilligungen selbst umsetzen.
• ✓Abhängigkeit vom Team: Ohne Entwickler, die das Frontend kennen, wird jede Änderung teuer.

Welche Shopsysteme Headless unterstützen

Fast jedes moderne Shopsystem hat heute eine API. Für Headless entscheidend ist, wie vollständig sie ist und ob der Hersteller Werkzeuge für das Frontend mitliefert. Die folgenden Angaben stammen aus den Dokumentationen der Hersteller.

Shopware bietet die Composable Frontends an, laut Shopware einen Werkzeugkasten für eigene Storefronts. Die Demo ist mit Vue.js und Nuxt 3 gebaut und holt die Daten zur Laufzeit über die Store API aus Shopware 6. Shopify stellt mit der Storefront API Produkte, Kollektionen, Suche und Warenkorb bereit und übergibt zum Checkout. Seit der Version 2026-10 vom 14. Oktober 2026 ist Hydrogen laut Shopify eine Bibliothek, die mit jedem JavaScript-Framework funktioniert. Das Hosting Oxygen gibt es laut Shopify ohne Aufpreis in den bezahlten Tarifen von Starter bis Plus – Headless setzt bei Shopify also nicht Plus voraus.

Adobe Commerce und Magento Open Source bieten GraphQL, eine Abfragesprache für APIs, bei der das Frontend genau die Daten anfordert, die es braucht. Adobe nennt Headless-Storefronts und mobile Apps als Einsatzzweck. commercetools beschreibt sich als API-first und Headless-Plattform aus der Cloud; ein Frontend für Storefronts bietet commercetools als eigenes Produkt an. Bei einem solchen System gibt es keinen klassischen Shop mit Theme als Rückfallebene.

Wann sich Headless lohnt – und wann nicht

Ehrlich gesagt: Für die meisten kleinen und mittleren Shops lohnt sich Headless nicht. Die Vorteile sind real, aber sie kosten doppelt – einmal beim Bau, dann jeden Monat im Betrieb. Shopify selbst rät, Headless dann zu erwägen, wenn Kanäle, Themes und Apps die Anforderungen nicht erfüllen, und vorher zu klären, ob der Händler die Mehrkosten trägt und Entwickler für die Pflege hat.

Ein häufiger Grund für Headless ist die Ladezeit. Bevor Sie dafür ein zweites System einführen, lohnt ein Blick auf das bestehende Theme, Bilder, Apps und Hosting. Oft bringt eine Überarbeitung des klassischen Frontends einen großen Teil des Effekts zu einem Bruchteil der Kosten. Für Magento etwa gibt es mit Hyvä ein schlankes Theme, das inzwischen kostenlos ist – mehr dazu im Ratgeber Magento Update-Kosten.

Faustregel: Headless ist eine Antwort auf das Problem „Ein Shop, viele Kanäle und ein Team, das Software baut“. Haben Sie dieses Problem nicht, ist ein gut gepflegter klassischer Shop meist schneller live, günstiger und leichter zu betreuen.

Was Headless Commerce kostet: ein Rechenbeispiel

Belastbare Marktpreise für Headless-Projekte gibt es nicht, dafür sind die Projekte zu unterschiedlich. Das folgende Beispiel legt deshalb alle Annahmen offen. Grundlage ist der mittlere Shop aus dem Ratgeber Onlineshop erstellen lassen: eigenes Design, rund 2.000 Artikel mit Varianten, Wawi-Anbindung, angenommen 180 bis 300 Stunden.

Für die Headless-Variante nehmen wir zusätzlich 200 bis 400 Stunden an: Produktliste, Produktseite, Suche, Warenkorb, Kundenkonto, Anbindung des Checkouts, SEO-Grundlagen wie Adressen, Meta-Daten und Sitemap, Tracking mit Einwilligung und das Nachbauen von Plugin-Funktionen im Frontend. Bei angenommenen 120 € netto je Stunde wären das 24.000 € bis 48.000 € zusätzlich zum Shop. Für den Betrieb des Frontends nehmen wir 8 bis 16 Stunden im Monat an – Updates, Tests nach Shop-Updates, kleine Anpassungen –, also 960 € bis 1.920 € netto im Monat zusätzlich zur Pflege des Shops.

Wie wir Sie bei Headless und klassischen Shops unterstützen

Beyond AIgency ist eine Marke der Beyond Media GmbH, seit 2004 im Geschäft. Wir betreuen Shopware, Shopify, Magento und Adobe Commerce und weitere Systeme mit einem KI-Agenten-Team – klassisch wie headless. Weil wir an keinem Ansatz verdienen, den Sie nicht brauchen, sagen wir Ihnen auch, wenn ein klassischer Shop die bessere Wahl ist.

Den Aufbau oder Wechsel setzen wir als Projekt mit Festpreis um (Relaunch), die Betreuung danach läuft zur festen Monatspauschale, monatlich kündbar (Shop-Technik). Jede Änderung entsteht auf einer Testumgebung, unser Prüf-Agent testet, ein Mensch gibt frei. Das Erstgespräch führen Sie mit Martin, unserem KI-Berater, unter Kontakt. Welches Shopsystem grundsätzlich passt, zeigt der Shopsystem-Vergleich; für Firmenkunden lesen Sie den Ratgeber B2B-Shopsystem.