Payload CMS: CMS Headless Escalable para Desarrolladores
Descubra cómo Payload CMS combina el poder de la gestión de contenido headless con características centradas en el desarrollador para la flexibilidad y el control del proyecto.
Payload CMS: CMS Headless Escalable para Desarrolladores
Descubra cómo Payload CMS combina el poder de la gestión de contenido headless con características centradas en el desarrollador para la flexibilidad y el control del proyecto. Payload es un CMS fullstack de código abierto y un framework de aplicaciones construido en TypeScript que se instala directamente en su carpeta /app de Next.js.
¿Qué es Payload CMS?
Payload es un CMS fullstack de código abierto y un framework de aplicaciones construido completamente en TypeScript. Se instala directamente en su carpeta /app de Next.js, le proporciona una API REST y GraphQL, y genera un panel de administración completamente personalizable, todo desde un único archivo de configuración en su código base.
La mayoría de las plataformas CMS headless son servicios alojados. Payload tiene licencia MIT, es autohospedado y vive en su código base como cualquier otra parte de su aplicación. Las colecciones y las reglas de acceso son simplemente configuración de TypeScript. Su interfaz de administración es una aplicación React que puede anular a nivel de componente.
Cómo Instalar Payload CMS
La forma más rápida de comenzar es create-payload-app. Un comando crea un proyecto Next.js completo con Payload ya configurado: npx create-payload-app@latest. La CLI hace tres preguntas: nombre del proyecto, adaptador de base de datos (MongoDB, PostgreSQL o SQLite) y una plantilla de inicio.
Características de Payload CMS
1. Campos Personalizados y Modelado de Contenido: Payload CMS viene con alrededor de 20 tipos de campo de serie: texto, richText, número, fecha, selección, relación, array, bloques y más. El campo de bloques permite a los editores construir páginas a partir de un conjunto predefinido de componentes.
2. Borradores y Control de Versiones: Payload separa el acto de guardar del acto de publicar. El modo borrador le da a los editores una copia de trabajo que nunca afecta al documento en vivo. El guardado automático mantiene el progreso seguro en segundo plano.
3. Control de Acceso: El control de acceso en Payload es una función, no una página de configuración. Define quién puede leer, crear, actualizar o eliminar a nivel de colección, documento o campo individual.
4. Localización: La localización se configura una vez en el nivel superior de payload.config.ts, luego cada campo opta con localized: true. Payload maneja el almacenamiento de valores separados por localidad.
5. Vista Previa en Vivo: La vista previa en vivo está integrada. Apúntela a la URL de su frontend y los editores ven sus cambios renderizados en tiempo real antes de publicar.
Precios y Licencia de Payload CMS
El núcleo tiene licencia MIT y es gratuito. Sin límites de uso, sin precios por asiento, sin cuotas de llamadas a la API. Lo ejecuta en su propia infraestructura y los únicos costos son alojamiento, base de datos y almacenamiento de archivos. Payload Cloud fue descontinuado para nuevos proyectos después de la adquisición de Figma en 2025. El autohospedaje es ahora la única opción.
IA y MCP
Payload ahora tiene un plugin MCP oficial que permite flujos de trabajo agénticos avanzados de CMS: cadenas de contenido autónomas a través de hooks, embeddings RAG en su base de datos, soporte para LLM local. Los agentes de IA (Claude, Cursor o cualquier cliente compatible con MCP) pueden leer, crear y actualizar contenido en su CMS directamente, sin capa de integración personalizada.
Cuándo Elegir Payload CMS
Payload encaja mejor cuando el proyecto tiene un desarrollador y la propiedad de los datos realmente importa. Es ideal para productos SaaS y herramientas internas donde el panel de administración es una aplicación React, capas de contenido de comercio electrónico, industrias reguladas (salud, finanzas) y proyectos Next.js existentes.
