Headless Commerce Shopware 6: Wann es sich lohnt

Headless Commerce ist eines der am meisten überverkauften Konzepte der letzten fünf Jahre. Wir bauen Headless-Shops, wir empfehlen sie aber selten als ersten Schritt. Die wenigsten unserer Kunden brauchen Headless, wenn man die Frage ehrlich stellt: Was kostet mich das im Vergleich zu dem, was es mir bringt?

Was Headless im Shopware-Kontext bedeutet

Shopware 6 stellt eine Store-API bereit, die das gesamte Frontend austauschbar macht. Statt der Twig-basierten Storefront kommt typischerweise eine eigene Single-Page-App in Vue, Nuxt, React/Next.js oder Astro. Backend, Datenmodell, Admin-UI und ERP-Anbindung bleiben, wie sie sind.

Drei harte Indikatoren für Headless

Indikator 1: Mehrere Frontends auf gleichem Backend

Sie planen, in den nächsten 18 Monaten neben dem Shop auch eine native App, einen In-Store-Kiosk oder eine White-Label-Variante für Vertriebspartner zu launchen. Dann amortisiert sich die Headless-Architektur, weil Sie eine API mehrfach bedienen, statt drei voneinander unabhängige Implementierungen pflegen zu müssen.

Indikator 2: Marken-Frontend, das die Plattform sprengt

Sie haben eine Brand mit ausgeprägter visueller Identität und einem Frontend-Team, das Animationen, interaktive Inhalte, Editorial-Content und Produkt-Storytelling auf Premium-Niveau umsetzen will. Twig und Vue-Storefront in der Shopware-Standardvariante sind funktional, aber bringen Sie nicht in die obere Designliga.

Indikator 3: Eigene Frontend-Logik, die Shopware-Pattern brechen würde

Konfiguratoren mit komplexer Echtzeit-Berechnung, B2B-Portale mit eigenem Workflow, Marketplace-Aggregator-UIs. Wer das in die Storefront-Theme-Engine quetscht, baut technische Schulden ein.

Drei Missverständnisse, die wir oft hören

„Headless ist automatisch schneller"

Falsch. Headless verlagert die Performance-Arbeit, sie verschwindet nicht. Ein schlecht gebautes Next.js mit Client-side-Data-Fetching ist langsamer als eine gut konfigurierte Twig-Storefront mit HTTP-Caching. Wer Performance will, muss sie aktiv bauen. Siehe unseren Performance-Artikel.

„Headless macht SEO einfacher"

Nein. Es macht SEO komplizierter. Sie müssen jetzt SSR oder ISR selbst orchestrieren, Hreflang sauber managen, Sitemap und Robots steuern, Canonical-Tags richtig setzen. Shopware-Standard bringt das mit, Ihr Next.js-Setup nicht.

„Wir machen das später headless"

Möglich, aber meist teurer als heute. Wer von Anfang an weiß, dass Headless kommt, baut die Backend-API-Verträge sauberer auf. Nachträgliches „Köpfen" funktioniert, aber Sie zahlen typischerweise 20 bis 30 Prozent Aufschlag gegenüber einem Headless-First-Setup.

Storefront-Optionen 2026 (was wir bauen und warum)

• Shopware-Standard-Storefront (Twig). Default-Empfehlung für 70 Prozent der Projekte. Schnell live, gut gewartet, niedrige Total-Cost-of-Ownership.
• Shopware-PWA / Vue-Storefront. Wenn Sie ein Vue-Team haben und einen klaren PWA-Anwendungsfall (offline-fähige B2B-Order-Erfassung im Außendienst).
• Next.js + Shopware Store-API. Unsere Empfehlung für Premium-Brands mit ambitioniertem Frontend. Beste DX, klares SSR/ISR-Modell, starkes Ökosystem.
• Astro + Store-API. Wenn der Content-Anteil hoch ist (Marken-Magazin, Editorial Commerce) und Sie minimalen Client-JS-Footprint wollen.

Was Headless kostet