Shopware Headless: Kosten, Technik, Praxis

Was ist Shopware Headless?

Shopware Headless trennt das sichtbare Frontend (Shop-Oberfläche) vollständig vom Backend (Produktdaten, Bestellungen, Logik). Die Kommunikation läuft ausschließlich über APIs. So können Händler beliebige Frontends, ob Webshop, App, Social Commerce oder IoT, an ein zentrales Shopware-Backend anbinden.

Der IDC MarketScape hat Shopware 2024 als "Leader" für Headless-Digitalplattformen im Mittelstand ausgezeichnet. Dritte Auszeichnung durch IDC, Bewertung unter 27 Anbietern. Für Shopware-Händler bedeutet das: Die Plattform ist technisch auf Augenhöhe mit Enterprise-Lösungen wie commercetools oder BigCommerce, aber preislich und in der Komplexität auf den Mittelstand zugeschnitten.

Ist Shopware headless? Ja. Seit Version 6 verfolgt Shopware konsequent eine API-First-Architektur. Jede Funktion, die über die Admin-Oberfläche erreichbar ist, steht auch über die Store API zur Verfügung. Das ist keine nachträgliche Erweiterung, sondern Designprinzip.

In der Praxis heißt das: Du kannst einen kompletten Checkout-Prozess bauen, ohne jemals die Shopware-Storefront zu öffnen. Warenkorb anlegen, Artikel hinzufügen, Versandkosten berechnen, Zahlung abwickeln. Alles per API. Die klassische Twig-Storefront ist nur noch ein optionaler Client unter vielen.

Gartner-Analyst Mike Lowndes formuliert es so: "Headless commerce is not a product. It is an architectural approach that separates the front-end presentation layer from the back-end commerce functionality." Genau das beschreibt den Kern: Headless ist kein Feature, das du aktivierst. Es ist eine Entscheidung darüber, wie dein System gebaut ist.

Headless vs. Traditional vs. Composable im Vergleich

Traditional Commerce koppelt Frontend und Backend eng. Einfach, aber unflexibel. Headless entkoppelt beides komplett über APIs. Composable Commerce geht noch weiter und kombiniert Best-of-Breed-Microservices. Für KMU mit unter 50 Mitarbeitern ist Headless der Sweet Spot zwischen Flexibilität und Komplexität.

Laut MarketDigits wächst der globale Headless-Commerce-Markt von 1,74 Milliarden USD (2025) auf 7,16 Milliarden USD bis 2032, ein CAGR von 22,4%. Das ist kein Hype-Thema mehr. 68% der Enterprise-Retailer betreiben bereits Headless-Architekturen oder implementieren sie aktiv, so der State of Headless Report 2024.

Composable klingt verlockend, ist für die meisten KMU aber Overengineering. Du brauchst ein Team, das sechs bis zehn Microservices parallel pflegt, versioniert und monitort. Wenn du nicht mindestens fünf Vollzeit-Entwickler hast, wird das teurer als der Nutzen. Headless mit Shopware als monolithischem Backend bietet 80% der Flexibilität bei 30% der Komplexität.

Ein konkretes Beispiel: Ein Shopware-Händler für Gartenbedarf mit 1.200 Produkten will seinen Shop auf eine Mobile App erweitern und gleichzeitig Instagram Shopping anbinden. Mit Traditional Commerce müsste er zwei separate Systeme pflegen. Mit Headless betreibt er ein Shopware-Backend und drei Frontends, die alle dieselben Produktdaten, Preise und Bestände nutzen. Der Aufwand für das zweite und dritte Frontend ist minimal, weil die API-Schicht schon steht.

Sebastian Hamann, CEO von Shopware, betont in einem Interview mit t3n: "API-First ist keine Option mehr, sondern Voraussetzung. Händler, die ihre Frontend-Erlebnisse nicht unabhängig vom Backend gestalten können, verlieren im Wettbewerb um die beste Customer Experience." Das deckt sich mit dem, was wir im Mittelstand beobachten.

Wir sehen bei unseren Kunden: Wer nur einen Webshop betreibt und keine API-Integrationen braucht, fährt mit der klassischen Shopware Cloud günstiger. Headless lohnt sich ab dem Moment, wo ein zweiter Kanal dazukommt oder das Frontend-Design über die Theme-Möglichkeiten hinausgehen soll.

API-First-Architektur im Detail

Shopware 6 stellt drei zentrale APIs bereit: die Store API (Storefront-Daten), die Admin API (Backend-Verwaltung) und die Sync API (Massen-Datenimport). Alle APIs folgen dem REST-Standard und liefern JSON, die Basis für jedes Headless-Projekt.

Die Shopware API deckt 100% der Storefront-Funktionalität ab. Produktsuche, Warenkorboperationen, Checkout, Kundenkonto, Wunschlisten: Alles, was die Standard-Storefront kann, ist per API erreichbar. Das klingt selbstverständlich, ist es aber nicht. Bei WooCommerce fehlen in der REST API Stand 2026 noch Funktionen wie erweiterte Filterung und Produktkonfiguratoren.

1. Store API: Alle Storefront-Funktionen. Produkte, Kategorien, Checkout, Kundenkonto. Authentifizierung über sw-access-key Header
2. Admin API: Backend-Verwaltung. Bestellungen, Kunden, Produktdaten, Einstellungen. Authentifizierung über OAuth2
3. Sync API: Massen-Import und -Export. Bis zu 500 Entitäten pro Request. Ideal für ERP-Anbindungen und initiale Datenmigration

# Produktdaten per Store API abrufen
curl -X GET "https://dein-shop.de/store-api/product" \
  -H "sw-access-key: DEIN_ACCESS_KEY" \
  -H "Content-Type: application/json" \
  -d '{"limit": 10, "includes": {"product": ["name", "price", "description"]}}'

Ich halte die includes-Funktion der Store API für unterschätzt. Statt die komplette Produkt-Entity mit 80+ Feldern zu laden, fragst du nur die drei Felder ab, die du brauchst. Das reduziert die Payload um bis zu 90% und verkürzt die Antwortzeit spürbar. In unseren Tests sank die Response-Zeit bei einem Katalog mit 1.200 Produkten von 380ms auf 95ms, nur durch sauberes Field-Filtering.

Zur Frage REST vs. GraphQL bei Shopware: Stand Mai 2026 ist die Store API rein REST-basiert. GraphQL-Support existiert experimentell über Community-Plugins, ist aber nicht offiziell unterstützt. Für die meisten Headless-Projekte reicht REST vollkommen aus, besonders mit der includes-Funktion. Wer trotzdem GraphQL braucht, sollte einen BFF-Layer (Backend for Frontend) davorsetzen, der REST-Calls in GraphQL-Responses transformiert.

Shopware Frontends vs. Custom Headless

Shopware Frontends ist das offizielle Vue.js/Nuxt-Framework für Headless-Storefronts, mit vorgefertigten Composables und schnellem Setup. Custom Headless (React/Next.js, Angular) bietet maximale Freiheit, erfordert aber deutlich mehr Entwicklungsaufwand. Für die meisten KMU ist Shopware Frontends der schnellere Weg.

Shopware Frontends reduziert die initiale Entwicklungszeit um rund 40-60% gegenüber Custom Headless. Der Grund: Die Composables abstrahieren die Store API komplett. useProduct(), useCart(), useCheckout(), du arbeitest mit Shopware-Datenstrukturen, ohne die API-Dokumentation ständig offen zu haben.

Die Kehrseite: Shopware Frontends bindet dich an Vue.js und Nuxt. Das Framework wird aktiv gepflegt, aber die Community ist kleiner als bei React. Stand Mai 2026 hat das Repository rund 2.000 GitHub Stars gegenüber 130.000 bei Next.js. Für Teams mit bestehender React-Expertise kann der Wechsel zu Vue unnötigen Reibungsverlust bedeuten.

Performance-Vorteile von Headless

Headless-Shops laden im Schnitt 20-50% schneller als traditionelle Shopware-Storefronts. Der Grund: Statt kompletter Server-Side-Rendering-Zyklen werden nur die benötigten Daten per API abgerufen. Das verbessert Core Web Vitals, Conversion Rate und SEO-Rankings messbar.

Die Zahlen sind eindeutig. Laut Google/SOASTA-Research verlassen 53% der mobilen Nutzer eine Seite, wenn sie länger als 3 Sekunden lädt. Headless-Storefronts mit Nuxt 3 oder Next.js erreichen typischerweise einen Largest Contentful Paint unter 1,5 Sekunden. Klassische Shopware-Storefronts mit Twig-Templating liegen häufig bei 2,5-4 Sekunden.

Wie wirkt sich das auf den Umsatz aus? Organisationen, die auf Headless migriert haben, berichten laut Swell von durchschnittlich 32% höheren Conversion Rates gegenüber ihren vorherigen monolithischen Storefronts. Jede Sekunde weniger Ladezeit bringt rund 2% mehr Conversions. Bei einem Shop mit 100.000 EUR Monatsumsatz sind das 2.000 EUR pro Sekunde Verbesserung.

Das nervt mich bei vielen Headless-Artikeln: Sie versprechen "schnellere Ladezeiten" ohne zu erklären, warum. Der technische Grund ist simpel. Twig rendert jede Seite auf dem Server komplett, inklusive Header, Footer, Navigation, Sidebar. Bei Nuxt 3 mit SSG (Static Site Generation) wird die Seite einmal gebaut und danach direkt vom CDN ausgeliefert. Der Server wird bei Seitenwechseln gar nicht mehr kontaktiert.

Wer die Shopware Performance Optimierung bereits ausgereizt hat und trotzdem an die Grenzen des Twig-Renderings stößt, für den ist Headless der logische nächste Schritt.

Kosten und Aufwand: eine realistische Kalkulation

Ein Shopware Headless Projekt kostet typischerweise zwischen 15.000 und 80.000 EUR für die initiale Entwicklung, abhängig von Frontend-Komplexität und Integrationstiefe. Laufende Kosten liegen bei 500-2.000 EUR/Monat für Hosting, Wartung und Updates. Für KMU mit einfacheren Anforderungen startet Shopware Frontends bereits ab 8.000-15.000 EUR.

Die Stundensätze für Shopware Entwickler in der DACH-Region liegen Stand 2026 bei 80-150 EUR. Junior-Freelancer starten bei 60-80 EUR, Senior-Freelancer und spezialisierte Architekten bewegen sich zwischen 90-150 EUR. Agenturen berechnen typischerweise 125-160 EUR pro Stunde. Das deckt sich mit dem, was wir bei unseren eigenen Integrationen sehen.

Wann amortisiert sich die Investition? Bei einem Shop mit 50.000 EUR Monatsumsatz und einer konservativen Conversion-Steigerung von 15% durch bessere Performance und UX ergibt sich ein Mehrumsatz von 7.500 EUR/Monat. Eine Shopware-Frontends-Implementierung für 12.000 EUR hätte sich nach zwei Monaten bezahlt gemacht. Bei Custom Headless mit 40.000 EUR Investition sind es sechs Monate.

Technische Voraussetzungen und Hosting

Shopware Headless erfordert ein leistungsfähiges Shopware Hosting mit mindestens 4 GB RAM, SSD-Speicher und PHP 8.1+. Zusätzlich braucht das separate Frontend eigenes Hosting, typischerweise ein Node.js-Server oder ein CDN wie Vercel oder Netlify für statische Builds.

1. Backend-Server: Mindestens 4 GB RAM, PHP 8.1+, MySQL 8.0 oder MariaDB 10.4+, Redis für Caching. Details findest du unter Shopware Server Anforderungen
2. Frontend-Server: Node.js 18+ für SSR (Nuxt/Next.js) oder statisches Hosting (Vercel, Netlify, Cloudflare Pages). Bei SSR mindestens 1 GB RAM einplanen
3. [Shopware Docker](/blog/shopware-docker): Offizielles Docker-Setup seit Shopware 6.4 verfügbar. Standardisiert die lokale Entwicklungsumgebung und beschleunigt das Onboarding neuer Entwickler
4. CDN-Strategie: Frontend-Assets über CDN ausliefern. Shopware-Backend-API hinter Reverse Proxy mit Caching-Layer. Varnish oder Fastly für API-Response-Caching

Ein häufiger Fehler: Das Backend-Hosting wird für Headless nicht angepasst. Im Headless-Betrieb entfällt die Rendering-Last, dafür steigt die Anzahl der API-Requests. Plane ausreichend PHP-Worker und einen Shopware Update-Prozess ein, der API-Kompatibilität prüft. Breaking Changes in der Store API kommen selten, aber sie kommen. Ein Shopware Hosting Vergleich hilft bei der Auswahl des richtigen Anbieters. Für das Frontend-Hosting bietet Shopware Cloud Hosting eine verwaltete Option, alternativ eignen sich Vercel oder Netlify.

Migration zu Headless: Schritt für Schritt

Die Migration von einem traditionellen Shopware-Shop zu Headless erfolgt in fünf Phasen: API-Audit, Frontend-Prototyp, Daten-Migration, Parallel-Betrieb und Go-Live. Der gesamte Prozess dauert typischerweise 8-16 Wochen, abhängig von der Shop-Komplexität.

Meine Empfehlung: Phase 4 nicht überspringen. Wir haben Projekte gesehen, bei denen der direkte Switch zu Conversion-Einbrüchen führte, weil Edge Cases im Checkout nicht abgedeckt waren. Gutscheinlogik, länderspezifische Steuersätze, Staffelpreise: Diese Details fallen erst im Realbetrieb auf. Zwei Wochen Parallel-Betrieb kosten wenig, sparen aber potenziell viel Umsatz.

Wer bereits einen kompletten Shopware Relaunch plant, kann die Headless-Migration in den Relaunch integrieren. Das spart einen separaten Migrationszyklus. Für die SEO-Seite gilt: Jede alte URL braucht ein 301-Redirect. Sonst verlierst du Rankings, die du dir über Monate aufgebaut hast. Die Shopware Installation der neuen Instanz sollte parallel zur bestehenden laufen.

KI-Integration im Headless-Commerce

Headless-Architektur ist die ideale Basis für KI-Integration: Über die API lassen sich KI-Mitarbeiter wie Produktberater direkt in jedes Frontend einbinden, ohne das Backend zu verändern. Qualimero-Kunden erzielen damit bis zu +35% höheren Warenkorbwert und 97% automatisierte Beratung.

Technisch funktioniert das so: Ein KI-Mitarbeiter greift per Store API auf Produktdaten, Kategorien, Verfügbarkeiten und Preise zu. Er verarbeitet Kundenanfragen in Echtzeit und empfiehlt passende Produkte, inklusive Cross-Selling und Up-Selling. Der Vorteil von Headless: Der KI-Mitarbeiter ist ein weiterer API-Client, genau wie das Webshop-Frontend oder die Mobile App. Keine Sonderbehandlung nötig, kein Plugin, keine Middleware.

Rasendoktor, ein Onlineshop für Rasenpflege mit über 500 Produkten, setzt einen KI-Mitarbeiter über die Shopware-API ein. Das Ergebnis nach sechs Monaten: 16x ROI, 100% Automatisierungsquote und 40% Einsparung im Support. Der KI-Mitarbeiter berät Kunden zu Rasenkrankheiten, empfiehlt passende Produkte und legt sie direkt in den Warenkorb.

Ähnlich bei Signed, einem Retail-Shop für Sneaker und Streetwear: 18x ROI und 30% mehr Up- und Cross-Selling durch KI-gestützte Produktberatung. Der entscheidende Punkt: Beide Integrationen liefen über die bestehende Store API. Kein Custom-Code im Shopware-Backend, kein Deployment-Risiko, kein Einfluss auf die Shop-Stabilität.

Die Kombination aus Headless-Performance und KI-Beratung ist eben der entscheidende Wettbewerbsvorteil. Schnelle Seiten bringen mehr Traffic. KI-Mitarbeiter verwandeln diesen Traffic in qualifizierte Beratungsgespräche und Abschlüsse. In einem traditionellen Shopware-Setup ist diese Integration möglich, aber aufwendiger, weil Plugins in die Twig-Rendering-Pipeline eingreifen müssen.

Entscheidungs-Checkliste: Ist Headless richtig für dich?

Shopware Headless lohnt sich, wenn du mindestens drei der folgenden Kriterien erfüllst: Multi-Channel-Vertrieb, individuelles Frontend-Design, hohe Performance-Anforderungen, geplante KI-Integration oder ein Entwicklerteam mit API-Erfahrung. Bei einfachen Single-Channel-Shops ist das klassische Shopware-Frontend die bessere Wahl.

Drei oder mehr Häkchen? Headless ist dein nächster Schritt. Weniger als drei? Bleib beim klassischen Shopware-Frontend und investiere stattdessen in Shopware Performance Optimierung. Das Geld ist dort besser angelegt.

FAQ: Häufige Fragen zu Shopware Headless