Center-Website mit v0 — Kurzpfad
Für wen: Neue Redakteurinnen, ohne Programmierkenntnisse.
Ziel: Eine Vorschau in v0 mit echten Daten aus dem Cockpit — und ein Paket für die IT, damit die Seite online gehen kann.
Neue Websites starten so. Alte Center bleiben auf WordPress oder der bisherigen Website, bis die IT umzieht.
Ausführlich danach: v0-Website A–Z · Kästen zum Kopieren: v0 + Cockpit (So geht’s).
Was / Warum / Wer / Wo
| Was | Aussehen in v0 entwerfen. Shops, News, Farben und Texte kommen aus dem Cockpit. |
| Warum | Einmal im Cockpit pflegen — Website und später Apps zeigen dasselbe. |
| Wer | Du: v0, Texte, Instructions. IT: Code live schalten und Domain. |
| Wo (Cockpit) | Center → Reiter Website (Schalter Website aktiviert) · später Center-Website → Frontend-Kanäle (v0) |
| Wo (v0) | v0.dev (Firmen-Account) |
Checkliste (der Reihe nach)
- 1. Zugänge — Cockpit-Login, v0-Account (Firma), Center-Kurznamen von IT oder Kollegin notieren
- 2. Cockpit prüfen (5 Min.) — richtiges Center · Website aktiv · ein paar Shops oder News veröffentlicht, wenn die Seite nicht leer sein soll
- 3. Kurz nachlesen — Account, Begriffe, Vorcheck: v0-Website A–Z (Abschnitte A–C)
- 4. Instructions einfügen — aus v0 + Cockpit (So geht’s) zuerst A–E. Cockpit D heißt in v0 Cockpit Workflow. Plan, mehrere Center oder Stele: zusätzlich F, G oder H+I. J erst nach dem ersten Live-Gang. IT hilft beim ersten Mal.
- 5. Kurznamen in Teil A —
HIER_SLUG_EINTRAGENdurch euren Center-Kurznamen ersetzen - 6. Website beschreiben — Screenshots oder Text, z. B. „Helle Startseite, Shop-Kacheln, News-Bereich“. Keine erfundenen Shop-Namen.
- 7. Vorschau — Erscheinen Logo, Farben, Shops, News? Wenn leer: zuerst im Cockpit nachziehen. Wirkt die Seite nach Vorlage: in v0 „Sieht das noch nach KI aus? Bitte prüfen.“
- 8. An IT übergeben — Export oder Link · im Cockpit: Center-Website → Frontend-Kanäle (v0) · Domain macht die IT
Merksatz
v0 = Aussehen. Cockpit = Fakten. Fehlende News legst du im Cockpit an — v0 zeigt sie dann von selbst.
So testen (ohne echte Domain)
- v0-Vorschau öffnen — siehst du Logo, Farben und Listen?
- Im Cockpit eine Test-News anlegen, veröffentlichen, in v0 aktualisieren — erscheint sie?
- Wenn weiter leer: Kurzname in Teil A und „Website aktiv“ nochmal prüfen. Sonst IT fragen.
Was du am ersten Tag nicht brauchst
| Thema | Warum warten |
|---|---|
| Claude / MCP | Für Inhalte im Cockpit, nicht für den ersten Entwurf → Claude später |
| Entwickler-Bereich in der Doku | Verträge und Checklisten — nur IT |
| Alle zehn Instructions | Zuerst A–E. F, G, H, I nur bei Plan, mehreren Centern oder Stele. J nach dem Deploy. |
Nächste Seiten
IT, bestehendes Template umziehen: Migration nach v0.
Nutzungsstatistik: Seitenaufrufe werden anonymisiert erfasst. Im Umami-Dashboard nach diesem Pfad filtern: /content-creator-handbuch/onboarding-center-website-v0