INP-Stress-Test 2026: Wo Composable-Storefronts an der 200-ms-Schwelle abrutschenInteraction to Next…
Salesforce Headless 360 und die Frontend Management Platform
Salesforce Headless 360 und die Frontend Management Platform
Salesforce hat auf der TDX-Konferenz im April 2026 den Browser aus dem Pflicht-Interface seiner Plattform entfernt. Das klingt nach einer technischen Randnotiz — ist es aber nicht. Wenn Backends sich vollständig als API + MCP + CLI öffnen und 39 % der Käufer bereits AI im Kauf-Prozess nutzen (Salesforce-Daten, TDX 2026), verschiebt sich die Frage nicht nur nach „welches Backend", sondern nach „wer strukturiert den Output für Mensch und AI-Agent". Das ist der Job der Frontend Management Platform — und der lässt sich nicht mit einem React-Eigenbau wegdefinieren.
Was Salesforce Headless 360 konkret tut
Headless 360 ist Salesforces Antwort darauf, dass die Composable-Commerce-Welt mehr als ein CMS-Tausch ist. Die wesentlichen technischen Punkte laut Salesforce-Ankündigung vom 15. April 2026 (theregister.com):
- API-First für alle Plattform-Capabilities: Jede Salesforce-Commerce-Funktion — Produktkatalog, Pricing, Cart, Checkout, Order Management — ist über REST- und GraphQL-Endpunkte erreichbar.
- Model Context Protocol (MCP) mit 100+ Tools: Salesforce stellt MCP-Server bereit, über die Coding-Agents direkt auf Commerce-Daten zugreifen können. Agents müssen keine API-Spezifikationen mehr kennen, sie nutzen das MCP-Protokoll.
- CLI für jede Plattform-Capability: Alles, was früher UI-Interaktion brauchte, ist jetzt scriptbar — für CI/CD-Pipelines und Agent-gesteuerte Deployments.
- Native React als Opt-in für Custom-UI: Wer ein eigenes Frontend bauen will, bekommt jetzt offizielle React-Unterstützung. Der Browser bleibt mögliches Interface — er ist nur nicht mehr das einzige.
Das ist eine konsequente Fortführung der MACH-Architektur: Backend wird zum reinen Service-Layer. Die Konsequenz, die Salesforce selbst nicht adressiert: Wer baut dann den Frontend-Layer, der diesem Service-Layer gegenübersteht?
Was Headless 360 nicht löst
Headless 360 öffnet das Backend. Es definiert nicht, wie der Output strukturiert wird — weder für den menschlichen Nutzer noch für den AI-Agenten, der inzwischen als primäre Audience in Frage kommt.
Konkret: Ein MCP-Tool gibt einem Coding-Agent Zugriff auf Salesforce-Produktdaten. Aber was macht ein AI-Shopping-Agent mit dieser Antwort, wenn kein klares Schema.org-Markup vorhanden ist? Wenn Komponenten nicht semantisch geordnet sind? Wenn die Storefront keine konsistente Datenstruktur für den Agenten liefert, weil sie aus 40 individuellen React-Komponenten ohne gemeinsames Datenmodell besteht?
Native React löst diese Frage nicht. React ist ein UI-Framework, kein Frontend-Management-System. Ein React-Eigenbau bedeutet:
- Keine zentrale Component-Library mit definierten semantischen Eigenschaften
- Keine Studio-Editor-Schicht für Marketing-Teams ohne Entwickler-Involvement
- Kein integriertes Schema.org-Layer für GEO/AEO-Sichtbarkeit
- Kein Multi-Brand- und Multi-Locale-Setup ohne massive Duplizierung
- WCAG-3.0/BFSG-Compliance als Eigenverantwortung des Engineering-Teams
- Performance-Monitoring und LCP-Optimierung als manuelle Aufgabe
Das alles sind keine Features, die Salesforce mit Headless 360 liefert. Sie sind der Schnittbereich, für den eine Frontend Management Platform gebaut ist.
Was FMP konkret ergänzt
Eine Frontend Management Platform sitzt als dedizierter Layer zwischen dem Salesforce-Backend (oder jedem anderen Backend — Laioutr unterstützt 50+ Backends über Orchestr) und dem Konsumenten, ob Mensch oder AI-Agent.
Hier ist die Architektur in Klartext:
Salesforce Backend
→ REST/GraphQL API + MCP-Server
→ FMP-Runtime (Laioutr)
→ Strukturierter Output: Storefront für Mensch + Schema.org-Daten für AI-AgentWas der FMP-Layer konkret liefert, den ein React-Eigenbau nicht mitbringt:
Studio-Editor mit Component-Library: Marketing-Teams bauen Landingpages, Kampagnen-Pages und Hero-Banner im Live-Editor — ohne Engineering-Ticket. Engineering definiert die Komponenten und die Guardrails, Marketing komponiert daraus. Das ist nicht „nur" Geschwindigkeit: es bedeutet, dass Komponenten-Semantik zentral gepflegt wird und damit AEO-tauglich bleibt.
Agent-ready Datenstruktur: Laioutr pflegt Schema.org-Markups zentral in der Component-Library. Neues Produkt auf der Plattform — Schema.org-Markup kommt automatisch mit. GEO Management Agent überwacht, ob AI-Crawler die Strukturierung korrekt konsumieren.
Multi-Brand, Multi-Locale, eine Codebasis: Token-Bus trennt Brand-Look von Komponenten-Logik. Bug-Fix oder Feature-Addition einmal — in allen Brands und Märkten live. React-Eigenbau bedeutet hier typischerweise Forks, weil der Token-Bus fehlt.
WCAG 3.0 Ready ab Werk: Kein A11y-Nachrüst-Sprint. BFSG-Pflicht in Deutschland seit 28.06.2025. Komponenten in der UI-Library sind ab Werk BFSG-konform.
Performance als Plattform-Eigenschaft: LCP 1,2 s Median in Live-Frontends (Q2 2026, Field-Daten). Performance Monitoring Agent alarmiert bei Regression, schlägt Asset-Optimierungen vor.
Wie Composable Headless Frontend und FMP-Schicht zusammenspielen, findest Du im Architektur-Überblick.
React-Eigenbau vs. Frontend Management Platform — der direkte Vergleich
| Dimension | React-Eigenbau | Frontend Management Platform (Laioutr) |
|---|---|---|
| **Component-Library** | Team-eigene Library, manuelle Pflege | Zentrale, geprüfte UI-Library, WCAG-konform ab Werk |
| **Studio-Editor** | Nicht vorhanden — jede Änderung als PR | Live-Editor mit Preview, Marketing-Self-Service |
| **Schema.org / AEO** | Manuelle Implementierung pro Komponente | Automatisch über Component-Library |
| **Multi-Brand** | Code-Forks oder eigenes Token-System | Token-Bus, ein Cockpit für n Brands |
| **Multi-Locale** | Manuelle i18n-Pipeline | Plattform-Eigenschaft, kein Region-Fork |
| **A11y (WCAG 3.0)** | Eigenverantwortung, Sprint nötig | Out-of-the-box, BFSG-konform |
| **Performance-Monitoring** | Externes Tool (New Relic, Datadog) | Eingebaut, mit automatischen Optimierungs-Vorschlägen |
| **MCP-Readiness** | Manuelles API-Mapping pro Backend | Orchestr-Layer normalisiert 50+ Backends |
| **Time-to-Launch neue Page** | Sprint + PR-Review | Stunden im Studio-Editor |commercetools geht mit AgenticLift einen ähnlichen Weg wie Salesforce: Backend wird agentic-ready. Das ist die richtige Richtung für Backend-Layer. Die Frage, die dabei entsteht, ist dieselbe: Wer baut und pflegt den Frontend-Layer, der diese Backend-Capabilities konsumierbar macht — für Menschen und für Agents?
Der Architektur-Gedanke dahinter steht ausführlicher in unserem Post zur Agentic-Commerce-Architektur.
Was das für CTOs und Solution Architects bedeutet
Headless 360 ist eine Chance, keine Bedrohung. Wenn Salesforce das Backend als Service-Layer freigibt, wird der Frontend-Layer zu einer eigenständigen Architektur-Entscheidung — und nicht mehr zu einem Anhang des Backend-Vendors.
Konkret:
1. Vendor-Lock-in auf Frontend-Ebene sinkt. Du kannst das Salesforce-Backend über Laioutrs Orchestr-Layer konsumieren — genauso wie commercetools, Shopware oder jeden anderen Stack. Das Frontend bleibt unabhängig.
2. Agent-Readiness ist eine Frontend-Architektur-Aufgabe. MCP-Zugang auf Backend-Seite ist der erste Schritt. Der zweite ist ein strukturierter, semantisch sauberer Frontend-Output, den AI-Agents verlässlich konsumieren können. Das ist FMP-Aufgabe, nicht Backend-Aufgabe.
3. Native React reicht für Solo-Brand-Setups mit engem Engineering-Team. Für Multi-Brand, Multi-Locale, Marketing-Self-Service und Agentic-Readiness braucht es eine Agentic Frontend Management Platform, keine Rohbau-React-App.
FAQ
Was ist Salesforce Headless 360 genau? Salesforce Headless 360 ist ein Architektur-Ansatz, der seit April 2026 alle Salesforce-Commerce-Capabilities über API, MCP (Model Context Protocol) und CLI bereitstellt. Der Browser ist nicht mehr das Pflicht-Interface. Native React-Support ist für Custom-UI enthalten, aber der Framework-Layer ist Eigenverantwortung des Implementierungsteams.
Was ist der Unterschied zwischen einer Frontend Management Platform und einem React-Eigenbau? Ein React-Eigenbau ist ein UI-Framework ohne Plattform-Eigenschaften. Eine Frontend Management Platform (FMP) wie Laioutr liefert zusätzlich: zentrale Component-Library, Studio-Editor für Marketing-Teams, Schema.org-Layer für AI-Sichtbarkeit, Multi-Brand-/Multi-Locale-Unterstützung, WCAG-konformes Basis-Komponentenset und eingebautes Performance-Monitoring. Der Unterschied ist der zwischen einem Framework und einem betriebsbereiten Frontend-Layer.
Warum ist der Frontend-Layer für AI-Agents wichtig? AI-Shopping-Agents konsumieren Strukturdaten, keine visuellen Interfaces. Ein Frontend-Layer, der Schema.org-Markup sauber ausspielt, semantisch organisierte Komponenten liefert und konsistente Datenstrukturen über alle Seiten hinweg garantiert, ist für AI-Agents konsumierbar. Ein unstrukturierter React-Eigenbau ohne zentrales Datenmodell ist es nicht.
Funktioniert Laioutr mit Salesforce Commerce Cloud? Ja. Laioutr unterstützt Salesforce Commerce Cloud über den Orchestr-Layer als eines von 50+ Commerce-Backends. Der Frontend-Layer ist unabhängig vom Backend.
Wie lange dauert der Umstieg von einem React-Eigenbau auf Laioutr? Standard-Setups liegen im Median unter 14 Tagen mit Founder-Begleitung. Komplexere Multi-Brand-Setups dauern typisch 6–10 Wochen.
Nächste Schritte
Wenn Dein Team gerade die Entscheidung zwischen React-Eigenbau und Frontend Management Platform für euren Salesforce- oder Composable-Commerce-Stack abwägt — buche eine Demo. Wir zeigen Dir, wie der FMP-Layer in Deiner konkreten Architektur aussieht.