CMS headless de código abierto para editar contenido en Markdown, MDX, JSON y YAML almacenado en tu propio repositorio Git, con una API GraphQL.
payloadcms/payload
CMS headless nativo de Next.js y framework de aplicaciones de código abierto, con backend en TypeScript y panel de administración React personalizable.
Alternativa open source a:Contentful
Strapi
WordPress
- Estrellas
- 45,383
- Forks
- 4,314
- Issues abiertos
- 1,378
- Último commit
- hace 10 horas
¿Qué es?
Payload es un CMS headless y un framework de aplicaciones creado sobre Next.js. Se instala directamente en una carpeta /app existente, por lo que el panel de administración, la API y el frontend pueden estar en el mismo proyecto. Los datos se consultan directamente desde React Server Components y los tipos se generan automáticamente a partir de las definiciones de colecciones.
El framework incluye de serie funciones habituales de un CMS: autenticación, versiones y borradores, localización, un creador de diseños basado en bloques, un editor de texto enriquecido Lexical, lógica condicional para campos y control de acceso granular. Los hooks a nivel de documento y de campo se ejecutan en torno a cada acción, y tanto la interfaz de administración como el backend se pueden ampliar con código personalizado.
Payload se puede implementar en Vercel y Cloudflare con configuraciones de un solo clic, o en otros proveedores de hosting. También ofrece plantillas oficiales para sitios web y tiendas de ecommerce, además de un ecosistema de plugins.
Funciones clave
- 01Nativo de Next.js; se instala dentro de una carpeta /app existente
- 02Consultar la base de datos directamente desde React Server Components
- 03Tipos de TypeScript generados automáticamente a partir de las definiciones de datos
- 04Autenticación, versiones y borradores, y localización integrados
- 05Editor de texto enriquecido Lexical y creador de diseños basado en bloques
- 06Control de acceso granular con hooks a nivel de documento y de campo
Casos de uso
- Crear un sitio web de marketing o un blog con un backend de contenido gestionado
- Crear una tienda de ecommerce con un CMS headless y un frontend personalizado
- Añadir un panel de administración y una API a una aplicación Next.js existente
- Implementar una aplicación de contenido serverless en Vercel o Cloudflare
Inicio rápido
- 1
Asegúrate de tener instalado el software necesario (consulta la documentación).
- 2
Crea una nueva aplicación de Payload con la herramienta de scaffolding.
pnpx create-payload-app@latest - 3
O empieza con la plantilla de sitio web, que incluye un frontend con Tailwind.
pnpx create-payload-app@latest -t website
Antes de usarlo
- Es necesario configurar Node.js y pnpm antes de empezar.
Temas
Preguntas frecuentes
- ¿Qué es payload?
- CMS headless nativo de Next.js y framework de aplicaciones de código abierto, con backend en TypeScript y panel de administración React personalizable. Payload es un CMS headless y un framework de aplicaciones creado sobre Next.js. Se instala directamente en una carpeta /app existente, por lo que el panel de administración, la API y el frontend pueden estar en el mismo proyecto. Los datos se consultan directamente desde React Server Components y los tipos se generan automáticamente a partir de las definiciones de colecciones.
- ¿payload es gratuito? ¿Qué licencia tiene?
- payload es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
- ¿payload sigue mantenido?
- Mantenimiento activo. El último commit de payload fue el 21 oct 2026.
- ¿Para qué puedo usar payload?
- Crear un sitio web de marketing o un blog con un backend de contenido gestionado Crear una tienda de ecommerce con un CMS headless y un frontend personalizado Añadir un panel de administración y una API a una aplicación Next.js existente Implementar una aplicación de contenido serverless en Vercel o Cloudflare
- ¿Cómo se instala payload?
- Asegúrate de tener instalado el software necesario (consulta la documentación). Crea una nueva aplicación de Payload con la herramienta de scaffolding.: pnpx create-payload-app@latest O empieza con la plantilla de sitio web, que incluye un frontend con Tailwind.: pnpx create-payload-app@latest -t website
- ¿Dónde consigo payload?
- El código fuente y las instrucciones de instalación están en GitHub: https://github.com/payloadcms/payload
Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.
Proyectos relacionados
CMS headless de código abierto y autoalojado, escrito en TypeScript, que genera APIs de contenido REST y GraphQL a partir de tus modelos.
APIs end-to-end con seguridad de tipos para TypeScript, sin esquemas ni generación de código y con tipos compartidos entre servidor y cliente.
Biblioteca de más de 215 componentes y fondos animados y personalizables para React y Next.js, instalables con shadcn o jsrepo.
Una biblioteca de React Hooks para obtener datos: primero devuelve los datos en caché y luego los revalida en segundo plano.
Biblioteca de componentes y efectos de UI animados para React y Tailwind CSS, que puedes copiar en tus aplicaciones de Next.js o shadcn/ui.