Erste Schritte
Erste Schritte mit Cmssy
Installiere das SDK, definiere deinen ersten Block und veröffentliche eine Seite - der schnellste Weg von null zu einer live Headless-Website.
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/Hero.tsx, 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.Schnellster Weg
Überspringe das Setup - klone den Open-Source-Starter und starte ihn mit einem Befehl: github.com/cmssy-io/cmssy-next-starter.