Center-Website mit v0 — Kurzpfad
Für wen: Neue Redakteurinnen, keine Programmierkenntnisse nötig.
Ziel: Eine Website-Vorschau in v0, die echte Daten aus dem Cockpit zeigt — und ein Paket für IT, damit sie online gehen kann.
Ausführlich: danach v0-Website A–Z und Instructions zum Kopieren.
Was / Warum / Wer / Wo
| Was | Website-Layout in v0 entwerfen; Shops, News, Farben kommen aus dem Cockpit (öffentliche Schnittstelle). |
| Warum | Einmal Daten im Cockpit — überall gleich (Website, Apps, später Social). |
| Wer | Du: v0 + Texte + Instructions. IT/Agentur: GitHub, Vercel, Live-Domain. |
| Wo (Cockpit) | Center → Reiter Webseite · Website-Management → Frontend-Kanäle (v0) |
| Wo (v0) | v0.dev (Firmen-Account) |
Checkliste (der Reihe nach)
- 1. Zugänge klären — Cockpit-Login, v0-Account (Firma), Center-Slug von IT/Kollegin notieren
- 2. Cockpit prüfen (5 Min.) — Center gewählt · Website aktiv · mindestens ein paar Shops/News veröffentlicht, wenn die Seite nicht leer sein soll
- 3. v0 A–Z lesen — Abschnitte A–C: v0-Website A–Z → (Account, Begriffe, Cockpit-Vorcheck)
- 4. Instructions einfügen — Teile A–J aus v0 + Cockpit (So geht’s) in v0 kopieren (Cockpit D = Workflow ist Pflicht). IT hilft beim ersten Mal.
- 5. Slug in Teil A eintragen —
HIER_SLUG_EINTRAGENdurch euren Center-Slug ersetzen - 6. Website in v0 beschreiben — Screenshots oder Text: „Helle Startseite, Shop-Kacheln, News-Bereich …“ — keine erfundenen Shop-Namen (nur Cockpit-Daten)
- 7. Vorschau prüfen — Laden Shops/News? Wenn leer → zuerst im Cockpit befüllen, nicht in v0 erfinden
- 8. An IT übergeben — Code-Export / Vercel · Cockpit: Center-Website → Frontend-Kanäle (v0) (Navigation) · Go-Live DNS (IT)
Merksatz
v0 = Aussehen. Cockpit = Fakten. Fehlende News legst du im Cockpit an — v0 zeigt sie dann von selbst.
So testen (ohne Live-Domain)
- v0-Preview öffnen — siehst du Logo/Farben und Listen?
- Im Cockpit eine Test-News anlegen, veröffentlichen, in v0 aktualisieren — erscheint sie?
- IT fragen: Stimmt die API-Basis (
https://dashboard.cockpit-os.deoder Test-URL)?
Was du nicht am ersten Tag brauchst
| Thema | Warum warten |
|---|---|
| Claude / MCP | Für Inhalte im Cockpit — nicht für den ersten v0-Entwurf → Claude später |
| Developer-Navbar | API-Verträge, MEC-Checklisten — nur IT |
| Alle 10 Instructions auf einmal | Kern: A, B, C, D, E (+ J nach erstem Deploy). F/G/H/I nur wenn Plan, Multi-Center oder Signage-Thema |
Nächste Seiten
Nutzungsstatistik: Seitenaufrufe werden anonymisiert erfasst. Im Umami-Dashboard nach diesem Pfad filtern: /content-creator-handbuch/onboarding-center-website-v0