> ## Documentation Index
> Fetch the complete documentation index at: https://docs.serviceplan-agents.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Deine erste Live-App

> Ein Beispiel: ein wöchentliches Wettbewerber-Dashboard, von der Idee bis zum laufenden Betrieb, Schritt für Schritt.

> [!NOTE]
>
> **Kurz gesagt:** Diese Seite begleitet dich an einem Beispiel von der ersten Idee bis zu einem Dashboard, das sich jede Woche selbst aktualisiert. Die zitierten Texte sind Beispiele. Wie lange jeder Schritt dauert, hängt davon ab, wie aufwendig das Dashboard ist.

## Die Ausgangslage

Angenommen, du arbeitest im Marketing eines mittelgroßen Unternehmens. Jeden Montag sammelst du von Hand Neuigkeiten zu drei Wettbewerbern. Du fügst sie in eine Folie ein und mailst sie ans Team. Das kostet dich den Vormittag. Du möchtest einen Link, den dein Team jederzeit öffnen kann, mit den neuesten Zahlen.

Genau dafür ist eine [Live-App](https://docs.serviceplan-agents.com/de/live-apps/overview.md) da.

```mermaid theme={"dark"}
%%{init: {'theme':'base', 'themeVariables': {'primaryColor':'#FFF5F5','primaryBorderColor':'#FF4B4F','primaryTextColor':'#141414','lineColor':'#FF4B4F','tertiaryColor':'#ffffff','fontSize':'14px'}}}%%
flowchart LR
    A["1. Du forderst an"] --> B["2. Vorschau"]
    B --> C["3. Freigeben,<br/>live schalten"]
    C --> D["4. Wöchentliche<br/>Aktualisierung"]
    D --> E["5. Ein Vorschlag"]
    E --> F["6. Ein Hinweis,<br/>ein Button"]
```

## Schritt 1: Du forderst an

Du öffnest die Console, gehst zu **Builds** und klickst auf **Ask for a live app**. Du füllst den Dialog in eigenen Worten aus:

> **What should it be called?** Wettbewerber-Radar
>
> **What is it for?** Jeden Montag will mein Team sehen, was unsere drei wichtigsten Wettbewerber letzte Woche gemacht haben: Meldungen, Produktstarts, Kampagnen. Wir entscheiden damit, worauf wir reagieren.

Du wählst **Standard**, prüfst die Kostenschätzung und klickst auf **Start the build**.

> [!TIP]
>
> Du sagst nicht „Feed“ oder „Zeitplan“. Du sagst, was du wissen willst und wer es ansieht. Mehr braucht Alex nicht. Datenbereiche, Rhythmus und den liefernden Coworker legt Alex selbst fest.

> [!NOTE]
>
> **Screenshot nötig:** der Dialog „Ask for a live app“, mit dem Beispieltext ausgefüllt.

## Schritt 2: Die Vorschau

Alex baut das Dashboard. Währenddessen siehst du deine Anfrage auf der Seite **Builds**. Zeigt sie **Ready for you**, klickst du auf **Open preview**.

Noch gibt es keine echten Daten. Die Vorschau zeigt deshalb Beispielzahlen. Oben steht ein Hinweis, dass einige Zahlen Platzhalter sind. Das Layout gefällt dir. Nur der Abschnitt für Kampagnen ist zu klein. Du klickst auf **Reject** und schreibst:

> Bitte mach den Abschnitt Kampagnen so groß wie den Abschnitt Meldungen.

Mit **Order another round** baut Alex das Dashboard neu und behebt den Punkt. Du öffnest die neue Vorschau und bist zufrieden.

## Schritt 3: Freigeben und live schalten

Du klickst auf **Approve and put live**. Die Console weist dich darauf hin, dass ab jetzt die wöchentlichen Aktualisierungen über dein Konto laufen und bei jedem Lauf Credits verbrauchen. Du bestätigst.

Die Console öffnet das Dashboard zuerst so, wie Leser:innen es sehen. Jeder Abschnitt zeigt seine Daten. Das Dashboard geht live und hat jetzt seinen festen Link. Im Reiter **Access** klickst du auf **Copy viewer link** und kopierst das Passwort. Du schickst beides in zwei getrennten Nachrichten an dein Team. Siehe [Zugang: Link und Passwort](https://docs.serviceplan-agents.com/de/live-apps/password-and-sharing.md).

## Schritt 4: Die erste wöchentliche Aktualisierung

Am Montag sammelt Hannah die Meldungen der Woche zu den drei Wettbewerbern und liefert sie. Du tust nichts. Dein Team öffnet denselben Link und sieht die neue Woche neben der letzten.

Hannah folgt dabei den schriftlichen Regeln des Datenbereichs. So bleiben die Daten von Woche zu Woche vergleichbar. Siehe [Regeln, Methode und Listen](https://docs.serviceplan-agents.com/de/live-apps/feed-guides.md).

## Schritt 5: Ein Vorschlag

Nach einem Lauf erhältst du als verantwortliche Person (Owner) eine E-Mail mit einem neuen Vorschlag. Du öffnest im Reiter **Setup** die **Open proposals** und liest:

> **Hannah schlägt vor:** ein weiteres Fachmagazin der Branche als Quelle ergänzen. Zwei Wettbewerber haben diesen Monat dort zuerst Produktstarts angekündigt.

Du klickst auf **Accept**. Ab dem nächsten Lauf liest Hannah auch dieses Magazin.

## Schritt 6: Ein Anzeigefehler

Eines Morgens erhältst du diese E-Mail:

> **Betreff:** Störung: Dashboard „Wettbewerber-Radar“ wird nicht vollständig angezeigt
>
> Beim täglichen Check heute lief im Dashboard ein Programmfehler. Mindestens ein Bereich wird nicht angezeigt. Die Daten selbst sind in Ordnung.

Die E-Mail sagt dir, dass die Daten in Ordnung sind und was zu tun ist. Du öffnest die Seite des Dashboards. Unter **Needs your attention** steht der Hinweis mit dem Button **Order a fix**. Du klickst darauf, prüfst die Kostenschätzung und bestätigst. Alex baut die Korrektur als Vorschau. Du gibst sie frei, und der Abschnitt ist wieder da. Derselbe Link, keine neue Nachricht an dein Team. Siehe [Wenn etwas schiefgeht](https://docs.serviceplan-agents.com/de/live-apps/disruption-mails.md).

## Schritt 7: Eine kleine Änderung

Einen Monat später möchtest du einen vierten Wettbewerber. Du klickst auf **Ask for a change** und schreibst:

> Bitte nimm Contoso als vierten Wettbewerber dazu.

Alex baut die Änderung als Vorschau. Das bisherige Dashboard läuft für dein Team weiter, bis du freigibst. Dann zeigt derselbe Link die neue Fassung.

## Was du mitnimmst

> [card] Sag das Ziel, nicht das Werkzeug
>
> Beschreibe, was du wissen willst und wer es ansieht.

> [card] Du behältst die Kontrolle
>
> Nichts geht live und keine Regel ändert sich ohne deine Freigabe.

> [card] Ein Link für alle
>
> Der Link bleibt bei Aktualisierungen und Änderungen gleich.

> [card] Probleme kommen zu dir
>
> Du erhältst einen klaren Hinweis und einen Button für den nächsten Schritt.

## Wie es weitergeht

> [card] [Eine Live-App anfordern](https://docs.serviceplan-agents.com/de/live-apps/ordering.md)
>
> Alle Felder und Optionen im Detail.

> [card] [Häufige Fragen](https://docs.serviceplan-agents.com/de/live-apps/what-if.md)
>
> Kurze Antworten auf häufige Situationen.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.