Shopware-Checkout behalten, Frontend entkoppeln: unser Connector ist Open Source

Wir haben unseren Shopware-Connector live gestellt, Open Source auf GitHub, unter MIT-Lizenz. Er löst die eine Frage, die bei jedem Frontend-Decoupling-Gespräch mit Shopware-Shops als Erstes kommt: „Und was passiert mit meinem Checkout?"

Die Antwort ist jetzt einfach. Dein Checkout bleibt, wo er ist. Du behältst die nativen Zahlarten von Shopware, genau so wie sie eingerichtet sind. Laioutr übernimmt das Frontend und die Content-Experience, und der Connector leitet deine Kundinnen und Kunden aus dem Laioutr-Storefront nahtlos in den Shopware-Checkout weiter, mit durchgehender Session. Kein Payment neu bauen, keine PCI-Diskussion, kein Bruch im Kaufprozess.

Warum das für Shopware-Shops zählt

Wenn du auf Shopware 6 bist, ist deine Backend-Frage gelöst. Die Frontend-Frage ist es oft nicht. Twig-Themes skalieren bei Multi-Brand und Multi-Country schlecht, und ein eigener Vue-Storefront ist ein separates Projekt mit eigenem Team und Monaten Vorlauf. Genau hier setzt Laioutr an: als Frontend Management Platform (FMP) oben auf deiner Store-API, mit Studio-Editor fürs Marketing, WCAG-3.0-ready ab Werk und EU-Hosting.

Der Haken bei fast jedem Decoupling-Ansatz war bisher der Checkout. Zahlarten, Steuerlogik, Kundengruppen, rechtliche Pflichtseiten: das steckt tief im Shopware-Kern, und niemand will es im Frontend-Layer nachbauen. Das ist auch gar nicht nötig. Der beste Checkout für deinen Shopware-Shop ist der, den Shopware schon hat.

Der Connector macht die klare Arbeitsteilung möglich: Laioutr liefert Discovery, Content, Kategorie- und Produkterlebnis, und im Moment der Kaufentscheidung übergibt er an den nativen Shopware-Checkout. Deine Payment-Provider, deine Konfiguration, dein Compliance-Setup bleiben unangetastet.

Was der Connector konkret tut

Der Connector ist ein eigenständiges Shopware-6-Plugin. Er baut eine Session-Brücke zwischen dem Laioutr-Storefront und deiner Shopware-Instanz, sodass der Warenkorb- und Login-Kontext beim Übergang erhalten bleibt. Für den Shopper fühlt es sich wie ein durchgehender Flow an, technisch bleibt der Checkout vollständig in Shopware.

Zwei Dinge, die uns wichtig waren:

Erstens Sicherheit als Default. Der Connector arbeitet mit einer Allowlist erlaubter Callback-Domains, inklusive Wildcard-Support für Preview-Umgebungen. Eine leere Konfiguration weist jeden Callback ab. Du entscheidest explizit, welche Domains übergeben dürfen.

Zweitens ein schlankes Plugin. Es bringt keinen eigenen JavaScript-, Twig- oder SCSS-Ballast mit und braucht keinen Asset-Build. Es tut eine Sache sauber: die Verbindung zwischen deinem entkoppelten Frontend und dem Shopware-Checkout herstellen.

Für Entwickler: Das Plugin ist mit `composer require laioutr/shopware-connector` installierbar und über Packagist verfügbar. Es unterstützt PHP 8.2 bis 8.5 und Shopware 6.6 bis 6.7. Die Session-Kopplung läuft über zwei Endpoints: `GET /laioutr/connect-session` startet die Verbindung und leitet auf eine lokale Shopware-Route um, `GET /laioutr/cookie-bridge` stellt die Shopware-Session im eingebetteten Flow her. Weil das Einbetten von Shopware Teil der Integration ist, entfernt das Plugin `X-Frame-Options` global. Deployments sichern das Embedding über eine passende Content Security Policy mit `frame-ancestors` auf Application- oder Reverse-Proxy-Ebene ab. Cross-Site-Sessions brauchen HTTPS, `cookie_samesite: none` und `cookie_secure: true`. Der Code steht unter MIT-Lizenz auf GitHub, Releases sind versioniert und signiert.

Der eigentliche Hebel: Decoupling ohne Backend-Wechsel

Der Connector ist mehr als ein Integrations-Detail. Er macht den Frontend-First-Migrationspfad für Shopware-Shops real.

Wenn du auf Shopware 6 bist: Setz Laioutr auf deine Store-API und modernisiere das Frontend, ohne am Backend etwas zu ändern. Multi-Brand und Multi-Country auf einer Codebasis statt Theme-Forks, Landingpages in Stunden statt Sprints, Core Web Vitals und BFSG-Konformität als Plattform-Eigenschaft.

Wenn du noch auf Shopware 5 bist und vor der 5-zu-6-Migration stehst: entkopple das Frontend zuerst. Das Frontend läuft über Laioutr schon vor der Migration, das Backend migrierst du isoliert, und beim Umschalten wechselst du nur den Connector. Kein Theme-Rewrite, kein paralleler Doppelaufwand während der Migration.

In beiden Fällen bleibt der Checkout, was er ist: nativ in Shopware, mit deinen Zahlarten. Das Frontend wird austauschbar, das Backend bleibt deine Entscheidung.

Warum Open Source

Wir stellen den Connector bewusst offen und unter MIT-Lizenz bereit. Decoupling heißt für uns, dass Architektur-Entscheidungen reversibel bleiben und Integrationen nachvollziehbar sind. Du kannst den Code lesen, forken, an deine Deployment-Realität anpassen und selbst sehen, wie die Session-Brücke funktioniert, bevor du sie einsetzt. Transparenz an der Schnittstelle zum Checkout ist genau der Ort, an dem sie zählt.

Nächster Schritt

Der Connector ist ab sofort auf GitHub verfügbar: github.com/laioutr/shopware-laioutr-connector.

Wenn du wissen willst, wie Laioutr auf deinem Shopware-Setup aussieht, mit deinem Checkout und deinen Zahlarten, zeigen Sebastian und ich dir das in einer 30-minütigen Demo. Backend bleibt Shopware, Frontend wird austauschbar, Checkout bleibt nativ.