---
title: "Academy Lesson"
canonical_url: "https://academy.laioutr.com/lektionen/entwickler-architektur"
locale: de
meta:
  "og:title": "Academy Lesson"
---

[Zur Startseite](https://academy.laioutr.com/)

- [Agentic Developer](https://academy.laioutr.com/lernpfade/lernpfad-entwickler)

- [Architektur verstehen](https://academy.laioutr.com/lektionen/entwickler-architektur)

Architektur und Projekt-Setup

# Architektur verstehen

10 Min.

Eine Laioutr-Storefront ist eine Nuxt-Anwendung, deren Seiten in Studio konfiguriert und über Cockpit ausgerollt werden. Diese Lektion zeigt die Bausteine: Organisation, Projekt und Umgebungen, Apps als Verbindung zu Backends, Orchestr als Datenschicht und die Delivery, Management und Assets API. Dieser Überblick hilft bei jeder späteren Entscheidung.

## Das Wichtigste in Kürze

- Jedes Projekt ist eine Nuxt-Anwendung.
- Orchestr vereinheitlicht die Daten aller Backends.
- Drei APIs öffnen Inhalte, Verwaltung und Assets.

## Weiterlesen

- [Wie Daten in Laioutr fließen](https://academy.laioutr.com/artikel/wie-daten-in-laioutr-fliessen)5 Min.

  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.
- [Laioutr im Überblick: Organisation, Projekt, Umgebungen](https://academy.laioutr.com/artikel/laioutr-im-ueberblick-organisation-projekt-umgebungen)4 Min.

  Die Organisation ist das Konto des Unternehmens mit Mitgliedern, Rollen und Abrechnung, ein Projekt ist eine Storefront oder Website darin, und Umgebungen sind eigenständige Kopien eines Projekts, beginnend mit der Live-Umgebung main.
- [Delivery API, Management API und Assets API](https://academy.laioutr.com/artikel/delivery-management-und-assets-api)8 Min.

  Die Delivery API liefert veröffentlichte Laioutr-Inhalte an Frontends und andere Kanäle, die Management API legt Inhalte und Assets programmatisch an und ändert sie. Der Assets-Teil läuft über die Routen /api/public/media/\* der Storefront und wird mit einem projektgebundenen Restricted Key autorisiert.

## 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/lektionen/entwickler-architektur#webpage",
      "@type": "WebPage",
      "name": "Academy Lesson",
      "url": "https://academy.laioutr.com/lektionen/entwickler-architektur",
      "breadcrumb": {
        "@id": "https://academy.laioutr.com/lektionen/entwickler-architektur#breadcrumb"
      },
      "isPartOf": {
        "@id": "https://academy.laioutr.com/#website"
      },
      "potentialAction": [
        {
          "@type": "ReadAction",
          "target": [
            "https://academy.laioutr.com/lektionen/entwickler-architektur"
          ]
        }
      ]
    },
    {
      "@id": "https://academy.laioutr.com/lektionen/entwickler-architektur#breadcrumb",
      "@type": "BreadcrumbList",
      "itemListElement": [
        {
          "@type": "ListItem",
          "name": "Home",
          "item": "https://academy.laioutr.com/",
          "position": 1
        },
        {
          "@type": "ListItem",
          "name": "Agentic Developer",
          "item": "https://academy.laioutr.com/lernpfade/lernpfad-entwickler",
          "position": 2
        },
        {
          "@type": "ListItem",
          "name": "Architektur verstehen",
          "item": "https://academy.laioutr.com/lektionen/entwickler-architektur",
          "position": 3
        }
      ]
    }
  ]
}
```