Quickstart (60 Sekunden)

Status: Code-Phasen 1–12 sind durch (alle Tests grün, Security-Audit ohne HIGH-Findings). Die CLI-Installer für 8 Frameworks sind voll funktionsfähig — siehe unten. Closed Pre-Alpha bedeutet: Repo noch nicht öffentlich, aber alles unten ist live testbar auf peacock-cms.webhoch.com.

TL;DR — eine Zeile

Astro

npx @peacock/cli init astro

Next.js

npx @peacock/cli init next

Nuxt

npx @peacock/cli init nuxt

Laravel

composer require webhoch-com/peacock-laravel
php artisan peacock:init

WordPress

wp plugin install peacock-cms --activate
wp peacock init

Der CLI erkennt dein Projekt, installiert das passende SDK, legt eine Beispiel-Route an, und zeigt dir, wo du den ersten Block einfügen kannst.

Was die CLI macht

1. Framework-Erkennung — liest deine package.json / composer.json.
2. SDK-Install — @peacock/sdk-<framework> über deinen Paket-Manager (pnpm / npm / yarn / bun / composer).
3. Beispiel-Route — eine Datei wie src/pages/[...slug].astro mit funktionsfähigem getStory()-Aufruf.
4. Umgebungsvariablen — Eintrag in .env / .env.local:

   PEACOCK_API=https://peacock-cms.webhoch.com
   PEACOCK_SPACE=your-space-slug
   PEACOCK_TOKEN=pck_live_…

5. Next Steps — wie du den Admin öffnest, einen Block hinzufügst, und die Seite neu lädst.

Schritt-für-Schritt: Astro

1. CLI ausführen

Im Wurzelverzeichnis deiner Astro-App:

npx @peacock/cli init astro

Output:

Peacock CLI — init astro

   1  install package      pnpm add @peacock/sdk-astro
   2  add integration      astro.config.mjs → integrations: [peacock(...)]
   3  write sample page    src/pages/[...slug].astro using getStory()
   4  environment vars     .env: PEACOCK_API, PEACOCK_SPACE, PEACOCK_TOKEN

✓ done — try `pnpm dev` and open http://localhost:4321/welcome

Die CLI schreibt die Dateien tatsächlich. Idempotent: ein erneuter Lauf überschreibt nichts, was du selbst angepasst hast.

2. Tokens holen

Logge dich im Admin ein (lokal: http://localhost:5173, Cloud: https://peacock-cms.webhoch.com/app/), wähle deinen Space, gehe zu Einstellungen → API-Tokens und kopiere den Public Read Token. Trage ihn in .env ein.

3. Erste Story anlegen

Im Admin: + Neue Story → Slug welcome → ziehe einen Hero-Block aus der linken Komponentenleiste auf den Canvas → fülle Headline + Sub → Veröffentlichen.

4. Im Browser ansehen

pnpm dev

Öffne http://localhost:4321/welcome — deine Astro-Seite zeigt jetzt den Hero-Block, den du gerade im Admin gebaut hast.

Live-Preview: öffne http://localhost:4321/welcome?_peacock=preview während du im Admin editierst. Änderungen erscheinen in Echtzeit.

Was als Nächstes?

• Konzepte verstehen — Spaces, Stories, ComponentBlueprints, Locales
• Komponenten definieren — eigene Block-Typen für deine Seite
• KI Co-Pilot einrichten — Anthropic oder OpenAI verbinden
• MCP-Server starten — Claude Code mit deinem Content verbinden
• Live gehen — von local zu peacock-cms.webhoch.com (Cloud) oder eigener K8s-Cluster