Desarrollo con Payload CMS
Webs más rápidas, más seguras y más económicas de desarrollar
Qué es Payload
Un gestor de contenidos de código abierto, escrito en TypeScript y construido sobre Next.js, en el que toda la estructura de la web se define en código.
En Payload, el panel de administración, la API y la web pública forman un solo proyecto. Los tipos de contenido, los campos, las relaciones, los idiomas y los permisos se definen en código, y Payload genera solo el panel de edición y la API.
En junio de 2025 Payload pasó a formar parte de Figma, que lo ha convertido en la base de contenidos de sus herramientas para crear webs. Sigue siendo de código abierto, con licencia MIT, y se puede alojar en cualquier nube o servidor. El código de la web es tuyo y no depende de ningún servicio de Figma.
Es parte de nuestro trabajo con Node.js.
Por qué implantamos Payload
Los CMS tradicionales, como WordPress, arrastran retos constantes de seguridad y de rendimiento. Payload nace de otro paradigma.
El gran activo de WordPress es su ecosistema: decenas de miles de plugins y temas. El precio es que cada plugin es código de terceros que hay que actualizar, que puede chocar con otros plugins y que concentra la mayoría de los fallos de seguridad publicados. Además, el rendimiento depende de cada tema y de cada plugin.
Payload lo resuelve por cómo está hecho: no hay plugins de terceros para las funciones básicas, la web solo ejecuta el código que se ha escrito y revisado, y Next.js aporta el rendimiento de serie. Las webs son mucho más rápidas, más seguras y más económicas de desarrollar.
Seguimos haciendo y manteniendo webs con WordPress, con nuestra metodología Apex. Hemos llevado a Payload la misma forma de trabajar: bloques a medida definidos en código, sin constructores visuales, y buenas prácticas de rendimiento, accesibilidad y SEO desde el primer día.
Ventajas de Payload
Lo que cambia en el día a día de una web corporativa.
Sin licencias de plugins
Formularios, SEO, redirecciones, búsqueda, importación de datos y multisite se resuelven con plugins oficiales y gratuitos, que mantiene el mismo equipo de Payload.
Rendimiento de serie
Next.js aporta renderizado en el servidor, caché de páginas y optimización de imágenes, sin el peso de plugins de terceros.
Seguro por cómo está hecho
Por defecto, ningún dato es accesible sin autenticación.
Desde el panel no se puede instalar nada: la web solo ejecuta el código que se ha escrito y revisado.
Integraciones con menos esfuerzo
Cualquier servicio con API (un ERP, un CRM, el correo, datos de mercado) se conecta desde el código, con una cola de tareas que programa las sincronizaciones y las reintenta si fallan.
Aplicaciones a medida en la web
Usuarios, roles, permisos y API ya están incluidos. Áreas privadas, formularios complejos o herramientas internas se construyen en el mismo proyecto.
Preparado para la IA
Como toda la estructura está en código, los agentes de IA entienden el modelo de datos completo.
Payload tiene un servidor MCP oficial para que asistentes como Claude o Copilot consulten y editen contenido con los permisos de cada usuario.
Hasta un 60% menos de coste de desarrollo
Desarrollar con Payload siempre sale más económico.
En algunas tareas el coste baja entre un 40% y un 60%. Nos referimos a programar y maquetar, tanto la web corporativa como otras soluciones integradas. El diseño, la estrategia, los contenidos, el SEO y las revisiones de calidad llevan el mismo trabajo con cualquier CMS.
Parte del ahorro viene de cómo trabajamos. Hacemos el diseño en Figma, y unos agentes de IA preparan los bloques, los tipos de contenido y los campos a partir de los componentes. Después, nuestros desarrolladores lo revisan y lo ajustan. Con Payload el resultado sale más limpio, porque toda la configuración está en código y los errores aparecen al compilar.
De la web a las aplicaciones
Payload no es solo un gestor de contenidos: es un framework completo para Next.js. La web puede crecer hacia áreas privadas, portales o servicios en línea (SaaS) sin montar una plataforma aparte.
Usuarios y permisos
Autenticación para cualquier tipo de usuario, y control de acceso por documento, campo y operación.
API de serie
Cada colección tiene su API REST y GraphQL, con el mismo control de acceso que el panel y claves de API para sistemas externos.
Hooks y webhooks
Se puede ejecutar código antes o después de guardar, publicar o borrar: enviar un contenido a un CRM, validarlo o recalcular datos.
Los webhooks de otras aplicaciones se reciben en el mismo proyecto.
Cola de tareas
Sincronizaciones periódicas, cálculos e informes, con reintentos si fallan. No depende de las visitas, como WP-Cron.
Tipos generados
Payload genera los tipos de TypeScript del modelo de datos. Cada integración se comprueba al compilar.
Cualquier SDK de JavaScript
Los SDK oficiales de Microsoft, Salesforce, HubSpot, Stripe o SAP se usan directamente desde el código.
WordPress y Payload
| WordPress | Payload | |
|---|---|---|
| Enfoque | CMS tradicional, configurado desde el panel y con plugins | CMS definido en código (code-first), con la web en el mismo proyecto |
| Tecnología | PHP y MySQL | TypeScript, Next.js y PostgreSQL o MongoDB |
| Idiomas | Con plugins como WPML, de pago | Traducción nativa campo a campo |
| Ampliaciones | Decenas de miles de plugins | Plugins propios de Omitsis (SEO, rendimiento, seguridad y cookies), plugins oficiales y desarrollo a medida |
| Integraciones | Con plugins o código a medida | Desde el código, con cola de tareas y reintentos |
| Aplicaciones y SaaS | Posibles con plugins de terceros | En el mismo proyecto, con usuarios, permisos y cola de tareas nativos |
| Rendimiento | Depende del tema y de los plugins | Alto de serie con Next.js |
| Seguridad | Núcleo sólido; el riesgo se concentra en los plugins | Autenticación por defecto, permisos en código y sin instalaciones desde el panel |
| IA y agentes | API de capacidades y adaptador MCP oficial (desde la 6.9) | Configuración en código y servidor MCP oficial |
| Licencias | Núcleo gratuito; plugins de pago según el caso | Núcleo y plugins oficiales gratuitos |
| Comunidad | La más grande del mundo web | Más reducida, en fuerte crecimiento y con el apoyo de Figma |
Sin ataduras y sin cambiar de infraestructura
Payload es otra tecnología, pero en infraestructura casi no cambia nada.
Trabajamos con contenedores Docker, y Payload se despliega igual que WordPress. Donde había nginx y PHP hay Node.js, y donde había MariaDB hay PostgreSQL. El servidor, el despliegue, las copias de seguridad, la monitorización y el mantenimiento no cambian.
Elegir Payload tampoco es atarse. Es código abierto, el código es tuyo y los datos quedan bien estructurados en una base de datos estándar, accesibles por API. En el día a día, editar con Payload es tan fácil como hacerlo con WordPress, y el panel se puede adaptar mucho más a cada equipo, con campos, pantallas y flujos de edición a medida.
Cómo funciona
Combinamos estrategia, diseño y tecnología para transformar tus ideas en un sitio web sólido y a medida. Te acompañamos en cada paso.
-
Requisitos
Exploramos juntos el proyecto -sus objetivos, contexto y público- aportando ideas, experiencia y una perspectiva estratégica desde el principio.
-
Planificación
Definimos las etapas, los resultados y el presupuesto en colaboración, asegurándonos de que estamos alineados antes de seguir adelante.
-
Diseño UX/UI
Preparamos en Figma una propuesta visual centrada en la experiencia de usuario, que combina tus aportaciones con nuestra visión de diseño.
-
Desarrollo
Construimos con Payload y Next.js siguiendo buenas prácticas, compartimos los avances y validamos las decisiones juntos.
-
Lanzamiento
Preparamos todo para la puesta en marcha, revisando cada detalle y manteniéndonos cerca para garantizar un lanzamiento fluido y sin sorpresas.
Cuéntanos tu proyecto y te ayudaremos a hacerlo realidad
Tanto si ya tienes un plan definido como si solo tienes una idea inicial, trabajaremos contigo para encontrar el camino adecuado.
Desde nuestras oficinas en Barcelona colaboramos con clientes de todo el mundo.
Omitsis
Balmes 76, Principal 2
08007 Barcelona
(+34) 931 720 287