Què és un CMS headless i quan convé
Un CMS headless és un gestor de continguts que emmagatzema i organitza la informació sense decidir com es mostra. Separa el panell on s'edita del lloc que veu l'usuari, i lliura el contingut a través d'una API. Aquesta separació permet publicar en diversos canals (web, aplicació, pantalles) des d'una sola font, i triar la tecnologia de la part visible sense dependre del gestor.

Per Emili Hernàndez · CEO i Cofounder
L'Emili és especialista en cms headless, arquitectura web, funcionalitats backend i frontend, amb més de 14 anys d'experiència.
Veure el perfil de Emili Hernàndez
La decisió entre una arquitectura i una altra es pren una vegada i condiciona els anys següents. El següent són els criteris que la determinen, inclosos els que apunten a quedar-se en un gestor tradicional.
Què és un CMS headless
El nom ve de la separació entre el cos (el sistema que guarda i organitza el contingut) i el cap (la capa que el presenta). Un gestor tradicional porta les dues parts unides: quan edites una pàgina, edites alhora el contingut i la seva presentació. Un gestor headless lliura només el contingut, estructurat i en format de dades, i deixa que una altra aplicació decideixi què fer-ne.
A la pràctica, això significa que el contingut deixa d'estar desat com una pàgina i passa a estar desat com a informació amb camps definits. Un article no és un bloc de text amb format: és un títol, un autor, una data, un cos, unes imatges i unes relacions amb altres entrades. Cadascun d'aquests camps es pot demanar per separat i fer-lo servir allà on calgui.
La conseqüència pràctica arriba quan el mateix contingut ha d'aparèixer en més d'un lloc. Una fitxa de producte que alimenta el web, el catàleg intern del comercial i una pantalla de fira s'edita una vegada i es publica als tres.
| CMS tradicional | CMS headless | |
|---|---|---|
| Contingut i presentació | Units en el mateix sistema | Separats |
| Com es lliura el contingut | El gestor genera la pàgina | Una API lliura dades |
| Tecnologia de la part visible | La que imposi el gestor i el seu tema | La que es triï |
| Vista prèvia en editar | Immediata i visual | Cal configurar-la |
| Publicació en diversos canals | Complicada, amb connectors | Nativa |
| Cost d'arrencada | Baix | Més alt |
| Perfil necessari per editar | Qualsevol | Qualsevol, després d'una formació breu |
| Perfil necessari per mantenir | Administrador de CMS | Desenvolupador |
La diferència de fons no és de rendiment ni de modernitat. És d'on es pren la decisió de com es veu el contingut. En un gestor tradicional la pren el sistema i el seu tema. En un de headless la pren l'equip que construeix la part visible.
Això explica les dues conseqüències que més pesen a l'hora de decidir. La primera és que un projecte headless necessita algú que construeixi aquesta capa, i per tant arrenca més car. La segona és que el contingut queda lliure del sistema que el guarda, i per tant refer el web més endavant no obliga a migrar el contingut.
Quan compensa un CMS headless
L'arquitectura rendeix quan es compleix almenys una d'aquestes condicions:
- El contingut alimenta més d'un canal. Web pública, aplicació, catàleg intern, pantalles, integració amb un ERP o amb un configurador de producte.
- El catàleg és gran i estructurat. Centenars de fitxes amb camps comuns, filtrables i relacionades entre si, on cada camp s'ha de poder consultar per separat.
- El lloc funciona en diversos idiomes amb contingut propi de cada mercat, més enllà de la traducció del mateix text.
- La interfície té requisits que un tema no cobreix. Animació sincronitzada amb el desplaçament, models tridimensionals, configuradors, qualsevol peça on l'experiència sigui part del producte.
- El projecte creixerà durant anys i el cost de refer-lo cada tres s'ha convertit en un problema conegut.
- El rendiment és un requisit de negoci, no una aspiració. Un lloc generat en temps de construcció parteix d'un avantatge difícil d'igualar amb un gestor que compon cada pàgina a cada visita.
Un senyal fiable: si en descriure el projecte apareixen les paraules "i també hauria d'aparèixer a…", l'arquitectura headless probablement té sentit.
Quan no compensa un CMS headless
Aquesta secció importa més que l'anterior, perquè és la que gairebé ningú escriu. Abans d'entrar-hi convé separar dues coses que solen anar barrejades: les limitacions que són pròpies de l'arquitectura i les que depenen de com es va plantejar el projecte. Les segones són reals, es troben sovint, i s'eviten amb decisions que es prenen abans d'escriure la primera línia de codi.
Comencem per dos criteris que se citen com a propis de l'arquitectura i no ho són.
El primer és la mida. Un lloc de deu pàgines amb cinc idiomes, dades estructurades per tipus d'entitat i un catàleg que creixerà és millor candidat que dues-centes entrades de blog sense estructura. El nombre de pàgines no diu res sobre l'arquitectura que necessita.
El segon és publicar contingut de manera habitual. Els gestors headless actuals inclouen vista prèvia del lloc real, no una aproximació dins de l'editor, i qui publica entrades en un gestor tradicional publica en un headless amb una formació breu. A canvi, el lloc no arrossega extensions per actualitzar, incompatibilitats entre elles ni la superfície d'atac d'un sistema que executa codi a cada visita.
El tercer és el condicional, i mereix detall. Es diu que en headless l'equip no pot muntar pàgines noves sense ajuda. Passa, i amb freqüència, però no per l'arquitectura: passa quan el projecte es va construir com un conjunt de plantilles fixes. Si en canvi es defineix des del principi un catàleg de components amb les seves variants de disseny i es col·loquen en zones dinàmiques, l'editor compon pàgines completes triant blocs i ordre. La diferència entre les dues situacions és una decisió de disseny de sistema presa abans de començar, no una propietat del gestor.
El que sí que requereix desenvolupament en qualsevol cas és ampliar aquest catàleg. Una calculadora de pressupost, un configurador, un cercador amb filtres que abans no existien: això és funcionalitat nova i cal construir-la. La diferència amb un gestor tradicional no és en la maquetació, és que allà una part d'aquesta funcionalitat de vegades es compra ja feta.
D'aquí en surten tres preguntes que convé fer a qualsevol proveïdor abans de signar, i les respostes de les quals prediuen força bé com serà l'any següent al llançament:
- Quines pàgines podré muntar sense trucar-vos, i amb quins blocs.
- Què passa quan necessiti alguna cosa que avui no està prevista, i com es pressuposta.
- Qui pot continuar aquest projecte si deixem de treballar junts.
Els casos en què la resposta correcta sí que és un gestor tradicional:
- No hi ha ni hi haurà accés continuat a algú que toqui codi. És el criteri decisiu. Sense desenvolupador (intern, agència o tercer), un projecte headless queda congelat tan bon punt el negoci necessiti alguna cosa que no estava prevista.
- El negoci depèn de funcionalitat de tercers, present o futura. Reserves, membresies, formació, comerç amb configuracions específiques, eines de càlcul. Si l'operativa es recolza en diverses extensions, o si és previsible que les necessitats futures es resolguin comprant en lloc de construint, l'ecosistema pesa més que l'arquitectura.
- El pressupost o el termini no absorbeixen l'arrencada. La capa visible s'ha de construir, i la feina de definir el model de contingut i el catàleg de components va per davant de la primera pantalla visible. Si el projecte surt en tres setmanes amb recursos ajustats, la decisió és una altra, i no és una mala decisió.
- Un comerç electrònic estàndard sense necessitats particulars d'interfície ni integracions fora del comú, on una plataforma especialitzada resol el conjunt.
Aquest primer punt és el que més pesa i el que menys es pregunta a l'hora de decidir. Els altres tres tenen solució amb pressupost; aquest no.
I convé dir que l'error va en les dues direccions. Un catàleg de mil referències amb integracions muntat sobre un gestor tradicional acaba sostingut per una acumulació d'extensions que ja no es pot actualitzar sense por. Triar malament no es manifesta en el llançament: es manifesta dos anys després, quan el sistema deixa d'acompanyar allò que el negoci necessita.
Strapi davant de WordPress: criteris de decisió
Són les dues opcions que apareixen en la majoria de comparatives, així que convé fixar quan apunta cadascuna.
| Criteri | Apunta a WordPress | Apunta a Strapi |
|---|---|---|
| Qui manté | Sense accés a desenvolupament | Amb desenvolupador disponible |
| Funcionalitat futura | Es preveu comprar-la feta | Es preveu construir-la a mida |
| Estructura del contingut | Pàgines i entrades | Tipus de contingut amb camps i relacions |
| Destinació del contingut | Només la web, i així continuarà | Web més aplicació, catàleg o integracions |
| Idiomes | Traducció del mateix contingut | Contingut propi de cada mercat |
| Interfície | Estàndard, resoluble amb un tema | Requisits que un tema no cobreix |
| Pressupost d'arrencada | Ajustat | Amb marge |
WordPress també pot funcionar en mode headless, lliurant contingut per API i deixant la part visible a una altra aplicació. És una sortida raonable quan l'equip ja coneix el panell i no es vol canviar l'eina d'edició. El que no resol és l'estructura: si el contingut està desat com a pàgines amb blocs, ho continuarà estant encara que es lliuri per API.
La pregunta que ens hem de fer és quants canals alimentarà aquest contingut d'aquí a tres anys i qui el mantindrà.
Què passa amb el SEO en un CMS headless
És l'objecció que més apareix, i ve d'una confusió: la mala fama de les aplicacions que es construeixen senceres al navegador, on el cercador rep una pàgina buida i ha d'executar codi per veure el contingut.
Un projecte headless ben plantejat no funciona així. El contingut es genera al servidor o en el moment de construir el lloc, i arriba al cercador com a HTML complet. Des del punt de vista del rastreig, és indistingible d'un lloc tradicional.
El que sí que canvia és de qui és la responsabilitat. En un gestor tradicional, les etiquetes, el mapa del lloc, les URL canòniques i les dades estructurades les resol una extensió que algú instal·la. En headless no hi ha extensió: cadascuna d'aquestes peces es construeix, i si no es construeix, no existeix. No és un desavantatge de l'arquitectura, és un requisit del projecte que cal pressupostar des del principi.
L'avantatge és en el control. Quan les dades estructurades es generen a partir de camps definits en el model de contingut, deixen de dependre que algú ompli bé una caixa de text, i passen a construir-se com a part del treball de SEO tècnic sobre el mateix model de dades.
Cost d'un projecte headless enfront d'un de tradicional
Un projecte headless comença sent més car. Cal construir la capa visible que un tema resoldria amb un projecte tradicional que cal reconstruir al cap de tres anys pot acabar resultant més car, configurar els tipus de contingut, muntar la vista prèvia i resoldre tot allò que en un gestor tradicional ja ve incorporat.
La comparació honesta no és la factura inicial: és el cost a tres o quatre anys, incloent-hi manteniment, llicències, incidències i la probabilitat d'haver de refer el lloc web. Un projecte tradicional que cal reconstruir al cap de tres anys pot acabar resultant més car que un de headless que es manté durant set. I a l'inrevés: un projecte headless en un lloc web que mai no va necessitar aquesta arquitectura són diners gastats en una complexitat que ningú no fa servir.
Què necessita el teu equip per gestionar un CMS headless
Per editar, poc: els panells dels gestors headless són senzills i la formació es mesura en hores. Qui publica una entrada en un gestor tradicional en publica una a Strapi sense dificultat.
Per mantenir-lo, més. Aquestes són les diferències reals del dia a dia:
- Compondre pàgines sí, ampliar el catàleg de blocs no, sempre que el projecte s'hagi definit així. Si es va construir amb plantilles fixes, qualsevol pàgina nova passa per desenvolupament. Convé preguntar-ho abans de signar, perquè després és car de canviar.
- Les actualitzacions són de codi, no d'un botó. Es planifiquen, es proven i es despleguen.
- Cal tenir accés a un desenvolupador, ja sigui intern, l'agència que el va construir o qualsevol altra. Aquí convé preguntar per l'stack: si està construït sobre tecnologies estàndard i amb documentació, qualsevol desenvolupador sènior el pot continuar. Si està construït sobre una solució propietària, no.
- La vista prèvia es configura, no ve incorporada. Els gestors headless actuals la porten com a funcionalitat, i mostra el lloc web real en lloc d'una aproximació dins de l'editor. Convé deixar-la a punt abans que l'equip comenci a publicar, no després.
Si la teva empresa no té ni tindrà accés continuat a algú que pugui tocar el codi, aquesta és una raó suficient per quedar-se en un gestor tradicional, encara que la resta de criteris apuntin en l'altra direcció.
Preguntes freqüents sobre CMS headless
Què significa headless en un CMS?
Que el gestor només administra el contingut i no decideix com es mostra. La part visible es construeix a part i demana el contingut per API.
És WordPress un CMS headless?
No per defecte, però pot funcionar com a tal. WordPress inclou una API que permet lliurar el contingut a una altra aplicació, deixant la seva capa de presentació sense fer servir.
Un CMS headless és millor per al SEO?
No de manera automàtica. Ben plantejat, amb el contingut generat al servidor, no té cap desavantatge davant d'un gestor tradicional. La diferència és que les etiquetes, el mapa del lloc i les dades estructurades s'han de construir en lloc d'instal·lar-se.
Quant costa de més un projecte headless?
Comença sent més car perquè cal construir tota la capa visible. La comparació útil és el cost a tres o quatre anys, incloent-hi el manteniment i la probabilitat d'haver de refer el lloc.
Puc editar el contingut jo mateix en un CMS headless?
Sí. Editar és tan senzill com en un gestor tradicional, i si el projecte es defineix amb components i zones dinàmiques, també es poden muntar pàgines noves triant blocs i ordre. El que requereix desenvolupament és la funcionalitat que no existia abans.
Què passa si vull canviar d'agència?
Si el projecte està construït sobre tecnologies estàndard i amb el repositori al teu nom, el pot continuar qualsevol desenvolupador sènior. Convé comprovar les dues condicions abans de signar, no després.
Es pot migrar de WordPress a un CMS headless?
Sí, i el contingut és la part que millor migra, perquè a l'origen ja és en una base de dades. La feina és definir l'estructura de destinació i conservar les URL i les redireccions per no perdre posicionament.
Què és Strapi?
Un CMS headless de codi obert que s'instal·la en un servidor propi, amb el qual es defineixen tipus de contingut amb camps i relacions, i que lliura el contingut per API.