Empezar
Empieza con Cmssy
Instala el SDK, define tu primer bloque y publica una página - el camino más rápido de cero a un sitio headless en vivo.
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/Hero.tsx, 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.El camino más rápido
Sáltate la configuración - clona el starter de código abierto y ejecútalo con un comando: github.com/cmssy-io/cmssy-next-starter.