Desenvolupament amb Payload CMS

Webs més ràpides, més segures i més econòmiques de desenvolupar

Què és Payload

Un gestor de continguts de codi obert, escrit en TypeScript i construït sobre Next.js, en què tota l’estructura del web es defineix en codi.

A Payload, el panell d’administració, l’API i el web públic formen un sol projecte. Els tipus de contingut, els camps, les relacions, els idiomes i els permisos es defineixen en codi, i Payload en genera sol el panell d’edició i l’API.

El juny del 2025 Payload va passar a formar part de Figma, que l’ha convertit en la base de continguts de les seves eines per crear webs. Continua sent de codi obert, amb llicència MIT, i es pot allotjar a qualsevol núvol o servidor. El codi del web és teu i no depèn de cap servei de Figma.

Forma part de la nostra feina amb Node.js.

Per què implantem Payload

Els CMS tradicionals, com WordPress, arrosseguen reptes constants de seguretat i de rendiment. Payload neix d’un altre paradigma.

El gran actiu de WordPress és el seu ecosistema: desenes de milers de connectors i temes. El preu és que cada connector és codi de tercers que s’ha d’actualitzar, que pot xocar amb altres connectors i que concentra la majoria de les fallades de seguretat publicades. A més, el rendiment depèn de cada tema i de cada connector.

Payload ho resol per com està fet: no hi ha connectors de tercers per a les funcions bàsiques, el web només executa el codi que s’ha escrit i revisat, i Next.js aporta el rendiment de sèrie. Les webs són molt més ràpides, més segures i més econòmiques de desenvolupar.

Continuem fent i mantenint webs amb WordPress, amb la nostra metodologia Apex. Hem portat a Payload la mateixa manera de treballar: blocs a mida definits en codi, sense constructors visuals, i bones pràctiques de rendiment, accessibilitat i SEO des del primer dia.

Avantatges de Payload

El que canvia en el dia a dia d’un web corporatiu.

Sense llicències de connectors

Formularis, SEO, redireccions, cerca, importació de dades i multisite es resolen amb connectors oficials i gratuïts, que manté el mateix equip de Payload.

Rendiment de sèrie

Next.js aporta renderitzat al servidor, memòria cau de pàgines i optimització d’imatges, sense el pes de connectors de tercers.

Segur per com està fet

Per defecte, cap dada és accessible sense autenticació.

Des del panell no s’hi pot instal·lar res: el web només executa el codi que s’ha escrit i revisat.

Integracions amb menys esforç

Qualsevol servei amb API (un ERP, un CRM, el correu, dades de mercat) es connecta des del codi, amb una cua de tasques que programa les sincronitzacions i les reintenta si fallen.

Aplicacions a mida dins del web

Usuaris, rols, permisos i API ja hi són. Àrees privades, formularis complexos o eines internes es construeixen al mateix projecte.

Preparat per a la IA

Com que tota l’estructura és en codi, els agents d’IA entenen el model de dades sencer.

Payload té un servidor MCP oficial perquè assistents com Claude o Copilot consultin i editin contingut amb els permisos de cada usuari.

Fins a un 60% menys de cost de desenvolupament

Desenvolupar amb Payload sempre surt més econòmic.

En algunes tasques el cost baixa entre un 40% i un 60%. Ens referim a programar i maquetar, tant el web corporatiu com altres solucions integrades. El disseny, l’estratègia, els continguts, el SEO i les revisions de qualitat porten la mateixa feina amb qualsevol CMS.

Una part de l’estalvi ve de com treballem. Fem el disseny a Figma, i uns agents d’IA en preparen els blocs, els tipus de contingut i els camps a partir dels components. Després, els nostres desenvolupadors ho revisen i ho ajusten. Amb Payload el resultat surt més net, perquè tota la configuració és en codi i els errors apareixen en compilar.

Del web a les aplicacions

Payload no és només un gestor de continguts: és un framework complet per a Next.js. El web pot créixer cap a àrees privades, portals o serveis en línia (SaaS) sense muntar una plataforma a part.

Usuaris i permisos

Autenticació per a qualsevol tipus d’usuari, i control d’accés per document, camp i operació.

API de sèrie

Cada col·lecció té la seva API REST i GraphQL, amb el mateix control d’accés que el panell i claus d’API per a sistemes externs.

Hooks i webhooks

Es pot executar codi abans o després de desar, publicar o esborrar: enviar un contingut a un CRM, validar-lo o recalcular-ne dades.

Els webhooks d’altres aplicacions es reben al mateix projecte.

Cua de tasques

Sincronitzacions periòdiques, càlculs i informes, amb reintents si fallen. No depèn de les visites, com WP-Cron.

Tipus generats

Payload genera els tipus de TypeScript del model de dades. Cada integració es comprova en compilar.

Qualsevol SDK de JavaScript

Els SDK oficials de Microsoft, Salesforce, HubSpot, Stripe o SAP s’utilitzen directament des del codi.

WordPress i Payload

	WordPress	Payload
Enfocament	CMS tradicional, configurat des del panell i amb connectors	CMS definit en codi (code-first), amb el web al mateix projecte
Tecnologia	PHP i MySQL	TypeScript, Next.js i PostgreSQL o MongoDB
Idiomes	Amb connectors com WPML, de pagament	Traducció nativa camp a camp
Ampliacions	Desenes de milers de connectors	Connectors propis d’Omitsis (SEO, rendiment, seguretat i galetes), connectors oficials i desenvolupament a mida
Integracions	Amb connectors o codi a mida	Des del codi, amb cua de tasques i reintents
Aplicacions i SaaS	Possibles amb connectors de tercers	Dins del mateix projecte, amb usuaris, permisos i cua de tasques natius
Rendiment	Depèn del tema i dels connectors	Alt de sèrie amb Next.js
Seguretat	Nucli sòlid; el risc es concentra en els connectors	Autenticació per defecte, permisos en codi i sense instal·lacions des del panell
IA i agents	API de capacitats i adaptador MCP oficial (des de la 6.9)	Configuració en codi i servidor MCP oficial
Llicències	Nucli gratuït; connectors de pagament segons el cas	Nucli i connectors oficials gratuïts
Comunitat	La més gran del món web	Més reduïda, en fort creixement i amb el suport de Figma

Sense lligams i sense canviar d’infraestructura

Payload és una altra tecnologia, però en infraestructura gairebé no canvia res.

Treballem amb contenidors Docker, i Payload s’hi desplega igual que WordPress. On hi havia nginx i PHP hi ha Node.js, i on hi havia MariaDB hi ha PostgreSQL. El servidor, el desplegament, les còpies de seguretat, la monitorització i el manteniment no canvien.

Triar Payload tampoc no és lligar-s’hi. És codi obert, el codi és teu i les dades queden ben estructurades en una base de dades estàndard, accessibles per API. Per al dia a dia, editar amb Payload és tan fàcil com fer-ho amb WordPress, i el panell es pot adaptar molt més a cada equip, amb camps, pantalles i fluxos d’edició fets a mida.

Requisits

Explorem plegats el projecte —objectius, context i públic— aportant idees, experiència i una mirada estratègica des del principi.
Planificació

Definim etapes, resultats i pressupost de manera col·laborativa, assegurant l’alineament abans d’avançar.
Disseny UX/UI

Fem a Figma una proposta visual centrada en l’experiència d’usuari, que combina les teves aportacions amb la nostra visió de disseny.
Desenvolupament

Construïm amb Payload i Next.js seguint bones pràctiques, compartim els avenços i validem les decisions junts.
Llançament

Ho deixem tot a punt per a la posada en marxa, revisant cada detall i mantenint-nos a prop per garantir un llançament fluid i sense sorpreses.