Sáltate el boilerplate con el starter
¿Quieres empezar con ventaja? Clona cmssy-io/cmssy-next-starter - una aplicación Next.js lista que conecta todos los pasos de abajo, con tres bloques de ejemplo (hero, prose, blog-index) - o despliégala en Vercel con un clic. Pruébalo al instante con el slug del workspace de demostración cmssy-demo.
Guía de inicio rápido
Construye y publica tu primera página de Cmssy de principio a fin en pocos minutos.
1
Instala el SDK
Añade
@cmssy/next + @cmssy/react a una aplicación Next.js (App Router) y crea cmssy/config.ts. Consulta Instalación para la configuración completa.2
Define un bloque
Crea
blocks/hero/block.ts con defineBlock + fields y un componente React en blocks/hero/src/, luego regístralo en cmssy/blocks.ts. Ejecuta pnpm dev.3
Crea una página en el admin
Inicia sesión en cmssy.io, abre tu workspace, haz clic en Pages → Add Page y dale un nombre y un slug.
4
Añade tu bloque y edita el contenido
Abre el editor de páginas - tu sitio se enmarca para la vista previa en vivo. Arrastra tu bloque Hero al lienzo y edita sus campos en el panel derecho; los cambios aparecen al instante.
5
Publica
Haz clic en Publish. Tu contenido publicado se sirve desde la API de entrega de Cmssy.
6
En vivo en tu sitio
Despliega tu aplicación Next.js (p. ej. en Vercel) - renderiza el contenido publicado mediante
createCmssyPage (tu app/[[...path]]/page.tsx). Después, explora la guía de Bloques y el Servidor MCP para la edición asistida por IA.