Spar dir den Boilerplate mit dem Starter
Du willst einen Vorsprung? Klone cmssy-io/cmssy-next-starter - eine fertige Next.js-App, die alle Schritte unten verdrahtet, mit drei Beispiel-Blöcken (hero, prose, blog-index) - oder deploye sie mit einem Klick auf Vercel. Probiere es sofort mit dem Demo-Workspace-Slug cmssy-demo aus.
Schnellstart-Guide
Baue und veröffentliche deine erste Cmssy-Seite in wenigen Minuten von Anfang bis Ende.
1
SDK installieren
Füge
@cmssy/next + @cmssy/react zu einer Next.js-App (App Router) hinzu und erstelle cmssy/config.ts. Siehe Installation für das vollständige Setup.2
Einen Block definieren
Erstelle
blocks/hero/block.ts mit defineBlock + fields und einer React-Komponente in blocks/hero/src/, dann registriere ihn in cmssy/blocks.ts. Führe pnpm dev aus.3
Eine Seite im Admin erstellen
Melde dich auf cmssy.io an, öffne deinen Workspace, klicke auf Pages → Add Page und gib ihr einen Namen und einen Slug.
4
Block hinzufügen & Inhalte bearbeiten
Öffne den Seiteneditor - deine Site wird für die Live-Vorschau eingebettet. Ziehe deinen Hero-Block auf das Canvas und bearbeite seine Felder im rechten Panel; Änderungen erscheinen sofort.
5
Veröffentlichen
Klicke auf Publish. Deine veröffentlichten Inhalte werden über die Cmssy-Delivery-API ausgeliefert.
6
Live auf deiner Site
Deploye deine Next.js-App (z. B. auf Vercel) - sie rendert die veröffentlichten Inhalte über
createCmssyPage (deine app/[[...path]]/page.tsx). Sieh dir als Nächstes den Blocks-Guide und den MCP Server für KI-gestütztes Editieren an.