Orchestr verbindet dein Backend, egal welches, mit deinen Frontend-Komponenten, egal aus welcher Bibliothek. Eine Datenschicht statt zwei Systeme, ein Datenmodell statt Dateninseln. So wird Composability nicht behauptet, sondern gebaut.
Warum Datenintegration heute so viel Zeit kostet
Jedes neue Backend-System bedeutet ein neues Integrationsprojekt: eigene Schnittstellen, eigene Datenmodelle, eigene Wartung. Content-Team und Entwicklung pflegen parallel zwei Software-Stacks, während jede Frontend-Bibliothek ihre eigenen Anbindungen braucht. Das Ergebnis: Verzögerungen, doppelte Arbeit und eine Architektur, die mit jedem neuen System brüchiger wird.
Orchestr macht die Datenanbindung zum Teil der Plattform
Statt Datenintegration als separates Projekt zu behandeln, bringt Laioutr sie direkt in die Plattform: Orchestr holt Daten aus deinem Backend, gleich welchem, und stellt sie typsicher für jede Frontend-Komponente bereit. Kein Zusatz-System, kein Parallel-Stack – Datenanbindung ist von Anfang an Teil deines Frontends.
So funktioniert's
Von der Anfrage im Frontend bis zur fertigen Komponente – in vier Schritten.
Anfragen
Die Komponente fragt Daten an – per Slug, Suchbegriff oder Filter. Orchestr übersetzt das in eine Query.
Verbinden
Ein Component Resolver holt die passenden Daten aus deinem Backend – gleich welchem System.
Verknüpfen
Beziehungen zwischen Entities, etwa Produkt zu Varianten, werden aufgelöst und mitgeliefert.
Ausliefern
Die fertige, typsichere Antwort geht an deine Frontend-Komponente – egal aus welcher Bibliothek.
Jede Komponente weiß, was sie braucht
Component Resolver deklarieren genau, welche Daten sie liefern. Das Frontend fragt nur an, was eine Seite tatsächlich braucht – Orchestr überspringt den Rest. Kein Overfetching, keine ungenutzten API-Calls.
Eine Schicht statt zwei Systeme
Content hosten und Daten integrieren sind bei Laioutr kein Entweder-oder. Über Apps, unsere Nuxt-Module, bindest du dein Backend an und pflegst deinen Content im selben System – ohne zwei Software-Stacks parallel zu betreiben.
Dein Datenmodell oder unser kanonisches Modell
Nutze das kanonische Datenmodell von Laioutr für Standard-Entities wie Produkt oder Kategorie, oder definiere dein eigenes Schema für das, was dein Business besonders macht. Beides läuft typsicher über dieselbe Schicht.
Jede Komponente, aus jeder Bibliothek
Orchestr ist nicht an Laioutr-Komponenten gebunden. Jede Frontend-Komponente, aus jeder Bibliothek, kann dieselben Daten konsumieren. So wird Composability zur echten Wahlfreiheit statt zum Lock-in bei einem Anbieter.
Tokens: der Vertrag zwischen Frontend und Backend
Jede Query, jeder Link, jede Komponente wird über einen Token definiert – einen klaren Vertrag zwischen deinem Frontend und den Systemen, die die Daten liefern. Orchestr weiß dadurch immer, welche App für welche Anfrage zuständig ist, ganz ohne hartverdrahtete Integrationen.
Genau diese Abstraktionsebene ist es, aus der Composability wirklich entsteht: nicht durch austauschbare UI-Bausteine allein, sondern durch klar definierte, wiederverwendbare Verträge zwischen Daten und Darstellung.
Alles, was echte Composability braucht
Query Handler
Holt Entities per Slug, Suchbegriff oder Filter – mit Pagination und Sortierung.
Link Handler
Lösen Beziehungen zwischen Entities auf – etwa Produkt zu Variante oder Kategorie zu Produkt.
Component Resolver
Binden Daten aus jedem System an jede Entity an – ganz ohne Änderung am bestehenden Code.
Action Handler
Verarbeiten Mutationen wie Warenkorb-Änderungen oder Bestellungen – typsicher und serverseitig.
Kanonisches Datenmodell
Standard-Entities wie Produkt, Kategorie oder Warenkorb sind vordefiniert und sofort nutzbar.
Eigenes Schema
Definiere neue Entities und Komponenten für das, was dein Geschäftsmodell besonders macht.
Caching auf drei Ebenen
Queries, Links und Component Resolver cachen unabhängig – für niedrige Latenz ohne veraltete Daten.
Jede Frontend-Bibliothek
Ob Laioutr UI, eine eigene Komponenten-Bibliothek oder Drittanbieter-Komponenten – Orchestr bedient sie alle.
1 Schicht
für Content und Daten
Jedes Backend
ohne Wechsel der Architektur
Jede Bibliothek
für deine Frontend-Komponenten
3 Cache-Ebenen
für stabile Performance
Strategie-Gespräch
Bereit, Dein Frontend zur Steuerebene zu machen?
Zeig uns Deinen Stack, Deine Roadmap, Dein Replatforming-Szenario, wir zeigen Dir, wie Laioutr passt, was es kostet und wie schnell ihr live geht.
"Nach 30 Minuten wussten wir, dass Laioutr unser Replatforming machbar macht." - Daniel B., CEO, hygibox.de