---
title: "Academy Article"
canonical_url: "https://academy.laioutr.com/artikel/wie-daten-in-laioutr-fliessen"
locale: de
meta:
"og:title": "Academy Article"
---
[Zur Startseite](https://academy.laioutr.com/)
- [Erste Schritte](https://academy.laioutr.com/bereiche/erste-schritte)
- [Konto und erstes Projekt](https://academy.laioutr.com/leitfaeden/konto-und-erstes-projekt)
- [Wie Daten in Laioutr fließen](https://academy.laioutr.com/artikel/wie-daten-in-laioutr-fliessen)
# Wie Daten in Laioutr fließen
Studio legt fest, wie eine Seite aufgebaut ist, und Orchestr holt die Daten dafür serverseitig aus den angebundenen Systemen wie Shop, CMS oder ERP und setzt sie zu einem einheitlichen Datenmodell zusammen.
## Bevor du startest
- Dauer
- 5 Min.
Zuletzt geprüft am 15. Oktober 2026
In einer Laioutr-Storefront gibt es zwei Arten von Daten. **Statische Projektdaten** wie Seitenaufbau, Sections, Blocks, Texte und Einstellungen entstehen in Studio und Cockpit. Beim Veröffentlichen schreibt Studio sie in die Projektkonfiguration, aus der die Storefront gebaut wird.
**Dynamische Daten** wie Produkte, Preise, Kategorien, Suchergebnisse oder CMS-Inhalte bleiben in den angebundenen Systemen. Apps verbinden diese Systeme, Orchestr ist die Datenschicht dazwischen. Orchestr fragt zuerst ab, welche Einträge eine Seite braucht, und lädt dann nur die Teile, die eine Section wirklich anzeigt, etwa Name, Bild und Preis für eine Produktkachel.
Dabei lassen sich mehrere Quellen kombinieren: Stammdaten aus dem Shop, Preise aus dem ERP, Empfehlungen aus einem Suchdienst. Alles läuft auf dem Server, Zugangsdaten erreichen nie den Browser, und Ergebnisse werden zwischengespeichert. Wechselt ein Unternehmen das Shopsystem, wird die App getauscht; Seiten und Sections bleiben.
## Schritt für Schritt
1. 1 ### Schritt 1: Studio beschreibt die Seite
In Studio wird festgelegt, welche Sections und Blocks eine Seite hat und welche Daten eine Section anzeigt, etwa die Produkte einer Kategorie.
2. 2 ### Schritt 2: Veröffentlichen erzeugt die Konfiguration
Mit **Publish** wird der Stand aus Studio in die Projektkonfiguration übernommen, und die Storefront wird gebaut und ausgeliefert.
3. 3 ### Schritt 3: Orchestr lädt die Daten
Beim Seitenaufruf fragt Orchestr über die installierten Apps die angebundenen Systeme ab und lädt nur die benötigten Datenteile.
4. 4 ### Schritt 4: Die Storefront zeigt das Ergebnis
Die Sections erhalten einheitlich aufbereitete Daten, unabhängig davon, aus welchem System sie stammen.
## Häufige Fragen
Kopiert Laioutr den Produktkatalog?
Nein. Produkte und Preise bleiben im Shop- oder ERP-System. Orchestr lädt sie bei Bedarf serverseitig und speichert Ergebnisse nur zwischen, um Seiten schnell auszuliefern.
Was passiert beim Wechsel des Shopsystems?
Die App für das alte System wird durch die App für das neue ersetzt. Weil Sections mit dem einheitlichen Datenmodell arbeiten, bleiben Seiten und Layouts erhalten.
Sind Zugangsdaten im Browser sichtbar?
Nein. Orchestr arbeitet ausschließlich auf dem Server. API-Schlüssel für Shop, ERP oder CMS werden im Cockpit verschlüsselt gespeichert und nie an den Browser ausgeliefert.
## Passend dazu
- [Zugangsdaten eintragen und Verbindung testen](https://academy.laioutr.com/artikel/zugangsdaten-eintragen-und-verbindung-testen)5 Min.
Zugangsdaten einer App werden je Umgebung unter Configuration eingetragen, mit Test connection geprüft und mit Save settings gespeichert. Wirksam werden sie mit dem nächsten Deployment.
- [Sections mit Shopdaten füllen](https://academy.laioutr.com/artikel/sections-mit-shopdaten-fuellen)7 Min.
Sections mit einem Datenfeld zeigen Produkte, Kategorien oder Beiträge aus den angebundenen Systemen. Das Team wählt in Studio eine Datenabfrage, stellt Eingabe, Anzahl und Sortierung ein, und Orchestr liefert die Daten beim Rendern.
- [Performance: Caching und Orchestr](https://academy.laioutr.com/artikel/performance-caching-und-orchestr)6 Min.
Laioutr beschleunigt Storefronts über drei Cache-Ebenen: den Entity-Cache von Orchestr auf dem Server, den HTTP-Cache an der Edge und einen Speicher im Browser. Zusammen sorgen sie dafür, dass wiederholte Aufrufe Backends kaum belasten.
- [Orchestr: Entities, Queries, Actions und Resolver](https://academy.laioutr.com/artikel/orchestr-entities-queries-actions-und-resolver)8 Min.
Orchestr ist die Datenschicht von Laioutr und läuft serverseitig im Nuxt-Server. Queries liefern Entity-IDs, Component Resolver laden die Daten dazu, Actions führen Änderungen aus, und Tokens bilden den Vertrag zwischen Frontend, Orchestr und Apps.
- [Apps finden, installieren und konfigurieren](https://academy.laioutr.com/artikel/apps-finden-installieren-und-konfigurieren)6 Min.
Apps stehen im Cockpit unter Apps als Katalog bereit, werden je Umgebung installiert und unter Configuration eingerichtet. Die Storefront nutzt sie ab dem nächsten Deployment.
## In einer Lektion lernen
- [Was Apps liefern und wo sie konfiguriert werden](https://academy.laioutr.com/lektionen/foundations-was-apps-liefern)9 Min.
- [Organisation, Projekt und Umgebungen](https://academy.laioutr.com/lektionen/foundations-organisation-projekt-umgebungen)10 Min.
- [Orchestr: Entities, Queries, Actions](https://academy.laioutr.com/lektionen/entwickler-orchestr-und-datenabfragen)14 Min.
- [Wie Daten in Laioutr fließen](https://academy.laioutr.com/lektionen/live-gang-wie-daten-fliessen)6 Min.
- [Architektur verstehen](https://academy.laioutr.com/lektionen/entwickler-architektur)10 Min.
## [Konto und erstes Projekt](https://academy.laioutr.com/leitfaeden/konto-und-erstes-projekt)
In diesem Leitfaden suchen
1. [Laioutr im Überblick: Organisation, Projekt, Umgebungen](https://academy.laioutr.com/artikel/laioutr-im-ueberblick-organisation-projekt-umgebungen)4 Min.
2. [Registrieren und Organisation anlegen](https://academy.laioutr.com/artikel/registrieren-und-organisation-anlegen)3 Min.
3. [Erstes Projekt anlegen](https://academy.laioutr.com/artikel/erstes-projekt-anlegen)5 Min.
4. [Wie Daten in Laioutr fließen](https://academy.laioutr.com/artikel/wie-daten-in-laioutr-fliessen)5 Min.
5. [Ohne Hilfe von der Registrierung zur Live-Storefront](https://academy.laioutr.com/artikel/ohne-hilfe-von-der-registrierung-zur-live-storefront)12 Min.
6. [Projekt aus einem Blueprint starten](https://academy.laioutr.com/artikel/projekt-aus-einem-blueprint-starten)5 Min.
## Structured Data
```json
{
"@context": "https://schema.org",
"@graph": [
{
"@id": "https://academy.laioutr.com/#website",
"@type": "WebSite",
"inLanguage": "de",
"name": "Default",
"url": "https://academy.laioutr.com/",
"workTranslation": {
"@id": "https://academy.laioutr.com/#website"
}
},
{
"@id": "https://academy.laioutr.com/artikel/wie-daten-in-laioutr-fliessen#webpage",
"name": "Academy Article",
"url": "https://academy.laioutr.com/artikel/wie-daten-in-laioutr-fliessen",
"@type": [
"WebPage",
"FAQPage"
],
"breadcrumb": {
"@id": "https://academy.laioutr.com/artikel/wie-daten-in-laioutr-fliessen#breadcrumb"
},
"isPartOf": {
"@id": "https://academy.laioutr.com/#website"
},
"mainEntity": [
{
"@id": "https://academy.laioutr.com/artikel/wie-daten-in-laioutr-fliessen#/schema/question/1"
},
{
"@id": "https://academy.laioutr.com/artikel/wie-daten-in-laioutr-fliessen#/schema/question/2"
},
{
"@id": "https://academy.laioutr.com/artikel/wie-daten-in-laioutr-fliessen#/schema/question/3"
}
],
"potentialAction": [
{
"@type": "ReadAction",
"target": [
"https://academy.laioutr.com/artikel/wie-daten-in-laioutr-fliessen"
]
}
]
},
{
"@id": "https://academy.laioutr.com/artikel/wie-daten-in-laioutr-fliessen#breadcrumb",
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"name": "Home",
"item": "https://academy.laioutr.com/",
"position": 1
},
{
"@type": "ListItem",
"name": "Erste Schritte",
"item": "https://academy.laioutr.com/bereiche/erste-schritte",
"position": 2
},
{
"@type": "ListItem",
"name": "Konto und erstes Projekt",
"item": "https://academy.laioutr.com/leitfaeden/konto-und-erstes-projekt",
"position": 3
},
{
"@type": "ListItem",
"name": "Wie Daten in Laioutr fließen",
"item": "https://academy.laioutr.com/artikel/wie-daten-in-laioutr-fliessen",
"position": 4
}
]
},
{
"@id": "https://academy.laioutr.com/artikel/wie-daten-in-laioutr-fliessen#/schema/question/1",
"@type": "Question",
"inLanguage": "de",
"name": "Kopiert Laioutr den Produktkatalog?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Nein. Produkte und Preise bleiben im Shop- oder ERP-System. Orchestr lädt sie bei Bedarf serverseitig und speichert Ergebnisse nur zwischen, um Seiten schnell auszuliefern.
"
}
},
{
"@id": "https://academy.laioutr.com/artikel/wie-daten-in-laioutr-fliessen#/schema/question/2",
"@type": "Question",
"inLanguage": "de",
"name": "Was passiert beim Wechsel des Shopsystems?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Die App für das alte System wird durch die App für das neue ersetzt. Weil Sections mit dem einheitlichen Datenmodell arbeiten, bleiben Seiten und Layouts erhalten.
"
}
},
{
"@id": "https://academy.laioutr.com/artikel/wie-daten-in-laioutr-fliessen#/schema/question/3",
"@type": "Question",
"inLanguage": "de",
"name": "Sind Zugangsdaten im Browser sichtbar?",
"acceptedAnswer": {
"@type": "Answer",
"text": "Nein. Orchestr arbeitet ausschließlich auf dem Server. API-Schlüssel für Shop, ERP oder CMS werden im Cockpit verschlüsselt gespeichert und nie an den Browser ausgeliefert.
"
}
}
]
}
```