Deine erste Custom App erstellen

deine erste Custom App in 5 Minuten

Schritt 1: App anlegen

1. Wechsle zu Menu → Developer → Custom Apps
2. Klicke auf + New Custom App
3. Vergib einen Name, wähle Kind: Page und ein Icon
4. Klicke auf Create

Schritt 2: Template schreiben

<div class="p-8 bg-base-100">
  <h1 class="text-2xl font-bold text-base-content mb-4">{{ message }}</h1>
  <button @click="greet" class="btn btn-primary">Sag Hallo</button>
</div>

Schritt 3: Script schreiben

const message = ref('Willkommen in meiner App!');

function greet() {
  message.value = 'Hallo von CoCoCo!';
}

const setupReturn = { message, greet };

Schritt 4: Vorschau und Veröffentlichung

1. Klicke auf Preview. Ein Live-Test-Panel öffnet sich
2. Klicke auf den Button. Die Nachricht sollte sich ändern
3. Klicke auf Publish, damit die App verfügbar wird
4. Finde sie in der linken Seitenleiste