​

Vorschau

​

So funktioniert es

1. Öffne einen Entwurf-Tab aus der Seitenleiste
2. Die Vorschau startet automatisch (oder klicke manuell auf „Vorschau starten”)
3. Kazzle liest lifecycle.dev aus deiner kazzle.config.ts
4. Der Dev-Befehl wird auf dem zugewiesenen Port ausgeführt
5. Die Vorschau-URL erscheint im Entwurf-Tab

​

Dev-Befehl konfigurieren

import { defineConfig } from '@kazzle/app';

export default defineConfig({
  components: [
    {
      name: 'My App',
      type: 'ui',
      path: '.',
      lifecycle: { dev: 'bun run dev' }
    }
  ]
});

​

Vorschau-URLs

http://localhost:{PORT}

​

Hot Reload

​

Manuelle Steuerelemente

• Vorschau starten — startet den Dev-Server, falls er nicht läuft
• Vorschau stoppen — beendet den Dev-Server-Prozess
• Neu starten — stoppen + starten (nützlich nach Konfigurationsänderungen)

​

Verifizierung