Mit einem lauffähigen Beispiel starten
Willst du einen Vorsprung? Klone cmssy-io/examples - eigenständige Apps für Next.js (simple-blog, next-storefront), Astro und React Router, jede mit einer .env.example, die auf den öffentlichen Demo-Workspace zeigt; ein frischer Klon rendert also echte Inhalte, bevor du ein Konto hast. Auf deinen eigenen Workspace zeigst du mit npx @cmssy/cli link --token cs_....
Schnellstart
Vom leeren Workspace zur Content-API, die deine App liest - dieselben fünf Schritte, die die Setup-Karte auf der Workspace-Startseite für dich verfolgt.
1
Inhalte modellieren
Ein Modell ist ein Inhaltstyp, den deine API ausliefert. Öffne Models, lege eines an und füge Felder hinzu. Setze Delivery access auf public - Modelle sind standardmäßig privat, deine App kann sie also erst dann lesen. Oder drücke
Cmd + K und lass Spotlight das Modell aus einem Satz bauen. Siehe Datenmodelle.2
Inhalte anlegen
Lege im Modell einen Datensatz von Hand an oder importiere eine Tabelle - Spotlight macht aus den Spalten ein Modell und lädt die Zeilen. Ein paar Datensätze reichen, um die API antworten zu sehen.
3
Erste Abfrage ausführen
Die Setup-Karte führt eine Delivery-Abfrage gegen deine Datensätze aus, genau wie deine App - anonym, über den öffentlichen Endpoint. Kopiere sie als curl oder öffne sie im Playground. Eine abgelehnte Abfrage heißt: das Modell ist noch privat. Siehe GraphQL Delivery API.
4
App verbinden
Erzeuge eine App mit der CLI deines Frameworks und lass dann die cmssy-CLI die Verdrahtung schreiben und die App mit diesem Workspace verbinden:
npx create-next-app@latest my-site && cd my-site
npx @cmssy/cli init
npx @cmssy/cli link --token cs_...init schreibt die Config, die Block-Registry mit einem Beispielblock, die Catch-all-Seite sowie die Editor- und Draft-Routen. link füllt .env.local mit den Workspace-Slugs und dem Draft-Secret, pusht dein Block-Manifest und prüft die Verdrahtung. Den Token holst du dir über Create token auf der Setup-Karte oder unter API-Tokens. Astro und React Router funktionieren genauso - siehe CLI.5
Veröffentlichen
Starte
pnpm dev, öffne eine Seite im Editor und aktiviere den Dev host mit deiner lokalen URL - der Editor bettet deine App für die Live-Vorschau ein, ohne die gemeinsame Preview URL anzufassen. Lege eine Seite an (oder bitte Spotlight um eine Startseite), zieh deinen Block hinein und klicke Publish. Veröffentlichte Inhalte kommen aus der Delivery API, deine App rendert sie über die Catch-all-Route. Weiter: Blöcke, Draft-Vorschau, MCP-Server.