Évitez le boilerplate avec le starter
Envie de prendre de l'avance ? Clonez cmssy-io/cmssy-next-starter - une application Next.js prête à l'emploi câblant toutes les étapes ci-dessous, avec trois blocs d'exemple (hero, prose, blog-index) - ou déployez-la sur Vercel en un clic. Essayez-la immédiatement avec le slug du workspace de démo cmssy-demo.
Guide de démarrage rapide
Créez et publiez votre première page Cmssy de bout en bout en quelques minutes.
1
Installer le SDK
Ajoutez
@cmssy/next + @cmssy/react à une application Next.js (App Router) et créez cmssy/config.ts. Consultez Installation pour la configuration complète.2
Définir un bloc
Créez
blocks/hero/block.ts avec defineBlock + fields et un composant React dans blocks/hero/src/, puis enregistrez-le dans cmssy/blocks.ts. Lancez pnpm dev.3
Créer une page dans l'admin
Connectez-vous sur cmssy.io, ouvrez votre workspace, cliquez sur Pages → Add Page et donnez-lui un nom et un slug.
4
Ajouter votre bloc & éditer le contenu
Ouvrez l'éditeur de pages - votre site est encadré pour l'aperçu en direct. Glissez votre bloc Hero sur le canvas et éditez ses champs dans le panneau de droite ; les modifications apparaissent instantanément.
5
Publier
Cliquez sur Publish. Votre contenu publié est servi par l'API de livraison Cmssy.
6
En ligne sur votre site
Déployez votre application Next.js (par ex. sur Vercel) - elle affiche le contenu publié via
createCmssyPage (votre app/[[...path]]/page.tsx). Ensuite, explorez le guide Blocs et le Serveur MCP pour l'édition assistée par IA.