El comerç electrònic ha canviat de base. L'arquitectura monolítica que empaquetava tot en una sola plataforma ha deixat pas al headless ecommerce i, un pas més enllà, al composable commerce. Si la teva botiga comença a frenar-te (desplegaments lents, integracions fràgils, rendiment que no remunta), probablement sigui el primer senyal.
A Kiwop portem més de 80 projectes d'ecommerce executats amb un 92 % de retenció de clients. Aquesta experiència ens ha ensenyat quan un monòlit deixa de servir, quan el headless marca la diferència i quan val més no migrar encara.
Què és el headless ecommerce?
El headless ecommerce (comerç "sense cap") separa la capa de frontend (la interfície que veu el client) de la capa de backend (la lògica de negoci i les dades). Frontend i backend operen de manera independent i es comuniquen per API.
Davant del model tradicional, on tot va integrat en una única plataforma, el headless et permet connectar diverses interfícies (web, app mòbil, quioscos, dispositius IoT) a un mateix backend. Cada experiència es personalitza per separat i s'adapta més ràpid a les noves tecnologies i al mercat.
Headless vs composable commerce: la diferència que importa
Es confonen, però no són el mateix, i la distinció decideix la teva arquitectura.
El headless desacobla el frontend del backend. És un canvi en la capa de presentació: pots seguir tenint un backend monolític al darrere.
El composable va més enllà. Cada component del backend (catàleg, checkout, cerca, gestió de comandes) també és independent i intercanviable, escollit com la millor solució disponible (best-of-breed) i connectat per API. El headless és, de fet, un dels quatre pilars de l'arquitectura MACH que sosté el composable.
A la pràctica la línia s'ha difuminat: gairebé tot projecte composable és headless, i molts projectes headless acaben component el seu backend peça a peça. Per això aquesta guia cobreix les dues.
Avantatges del headless ecommerce
- Experiència d'usuari sense límits: interfícies a mida per a cada dispositiu i canal, sense les restriccions d'una plataforma integrada.
- Escalabilitat i agilitat: escales o modifiques parts concretes sense tocar la resta del sistema.
- Rendiment: en desacoblar el frontend pots optimitzar la càrrega amb SSR/SSG i baixar la taxa de rebot.
- Personalització avançada: adaptes l'experiència a cada client, cosa que apuja la conversió i la fidelització.
- Innovació més ràpida: integres noves tecnologies i canals sense esperar que la plataforma les suporti.
- Seguretat: separar capes redueix la superfície d'exposició de les dades crítiques.
Arquitectura MACH: els quatre pilars del comerç composable
MACH no és un producte, és un conjunt de principis:
- Microservices: cada funcionalitat de negoci (catàleg, inventari, preus, comandes) és un servei autònom. Si un falla o ha d'escalar, no arrossega la resta.
- API-first: tota la comunicació passa per APIs ben documentades, així qualsevol frontend (web, app, quiosc, IoT) consumeix les mateixes dades i integra ERP, CRM o màrqueting sense duplicar lògica.
- Cloud-native: infraestructura pensada per al núvol, amb autoescalat i desplegaments sense downtime. En un Black Friday el checkout escala mentre la resta manté la seva càrrega.
- Headless: el frontend es construeix amb la tecnologia que vulguis (Astro, Next.js, Remix, app nativa) consumint dades per API.
Complir tres de quatre no és MACH, igual que un cotxe sense rodes no és un cotxe.
Monolític vs composable: 7 senyals que el teu monòlit et frena
No totes les botigues necessiten composable. Per a un catàleg petit i estable, un monòlit ben configurat segueix sent l'opció més eficient. Però hi ha senyals clares que has arribat al límit:
- El time-to-market d'una funcionalitat nova supera les 8 setmanes.
- El rendiment es degrada amb cada extensió: LCP per sobre de 3 segons i Core Web Vitals en vermell.
- Operes en més de 3 mercats amb requisits fiscals, lingüístics i logístics diferents.
- El teu equip dedica més del 40 % del temps a manteniment en lloc d'innovar.
- Necessites vendre en canals que la teva plataforma no suporta de manera nativa (marketplaces, social commerce, B2B2C).
- Les integracions amb l'ERP o el CRM són fràgils i es trenquen a cada actualització.
- El cost total de propietat puja cada any sense que creixi el valor funcional.
Si n'identifiques tres o més, és el moment d'avaluar la transició. No de cop: la migració gradual existeix i funciona.
Millors plataformes headless i composable
L'ecosistema ha madurat i ja no és només territori enterprise. Les opcions open-source han obert el composable també al mid-market.
- commercetools: la referència enterprise. API-first natiu, multitenda i multimercat. Ideal a partir de 50.000 SKUs i diversos països; el seu pricing per GMV pesa en volums baixos.
- Medusa (open-source): framework headless en Node.js, molt extensible i sense vendor lock-in. Multiregió i multidivisa.
- Saleor (open-source): composable en Python i GraphQL, amb un panell potent i enfocament developer-friendly.
- Shopify Hydrogen: la via ràpida al headless si ja ets a Shopify, amb el backend de Shopify i el frontend en React/Remix. El treballem en desenvolupament Shopify i el desgranem a la nostra guia tècnica de Shopify Hydrogen.
- Adobe Commerce (Magento): suporta headless via GraphQL i PWA Studio, potent per a catàlegs complexos i lògica de negoci exigent. Abans de fer el salt, llegeix quan NO migrar a Magento headless; el treballem en desenvolupament Magento.
- BigCommerce: enfocament híbrid, backend SaaS amb APIs obertes. Bona opció B2B (llistes de preus per client, comandes recurrents).
Per al frontend, Next.js és una de les millors opcions per a un ecommerce headless. No hi ha plataforma universalment millor: hi ha la més adequada per al teu volum, el teu equip i el teu nivell de personalització.
Com migrar: el patró strangler fig
Migrar d'un monòlit a composable no exigeix un big-bang. El patró strangler fig permet una transició gradual i controlada:
- Identifica el component amb més fricció (sol ser la cerca, el checkout o la gestió de contingut).
- Construeix el nou servei en paral·lel, mentre el monòlit segueix operant.
- Redirigeix el trànsit de manera progressiva (10 %, 25 %, 50 %, 100 %) amb un API gateway.
- Desactiva el component del monòlit només quan el nou ha demostrat estabilitat.
- Repeteix amb el següent component.
En la nostra experiència amb més de 80 projectes, les migracions graduals tenen una taxa d'èxit molt més alta que els rellançaments complets. La clau és mesurar l'impacte de cada fase abans d'avançar.
Rendiment i SEO del comerç headless
El rendiment és ranking i és conversió. L'arquitectura headless impacta en els dos fronts:
- LCP: amb SSR/SSG (Astro, Next.js) serveixes HTML en menys d'1 segon. Els nostres projectes registren un +35 % de millora de rendiment després de la migració.
- INP: sense el JavaScript pesat del monòlit, la interactivitat millora.
- CLS: components amb dimensions definides, sense salts de layout.
- Crawlability: el SSR garanteix que Google indexi tot sense dependre de JavaScript, amb URLs netes i dades estructurades sense les restriccions del tema.
Si vols exprimir aquesta via, a comerç composable analitzem el teu cas i dissenyem l'arquitectura.
Preguntes freqüents
El composable commerce és el mateix que el headless?
No. El headless és un dels quatre pilars de MACH: desacobla el frontend, però el backend pot seguir sent monolític. El composable va més enllà, perquè cada component del backend també és independent i intercanviable.
Quant costa migrar a composable commerce?
Depèn del catàleg, les integracions i els mercats. El patró strangler fig reparteix la inversió en fases amb ROI mesurable, i les opcions open-source com Medusa o Saleor redueixen el cost de llicències.
És només per a grans empreses?
Ja no. Les plataformes open-source han democratitzat l'accés. Una botiga amb 5.000 a 10.000 SKUs i presència en 2 o 3 mercats se'n pot beneficiar sense la inversió que exigia fa cinc anys.
Què passa amb el meu catàleg durant la migració?
Amb el patró strangler fig el monòlit segueix operant amb normalitat mentre es construeixen els nous components. No hi ha downtime ni pèrdua de dades.
Necessito un equip tècnic intern?
És recomanable per al dia a dia, però la implementació i la migració es poden externalitzar amb una agència que transfereixi el coneixement de manera progressiva.
Quina plataforma he d'escollir?
commercetools per a enterprise d'alt volum, Medusa o Saleor si valores l'open-source i el control total, Shopify Hydrogen si ja operes a Shopify, i Magento o Adobe Commerce per a catàlegs complexos.
Conclusió
El monòlit va complir durant una dècada, però l'omnicanalitat, la personalització en temps real i el rendiment extrem exigeixen una altra base. El headless i el composable no són una moda: són la resposta a problemes reals com desplegaments d'hores, integracions fràgils i plataformes que limiten en lloc d'habilitar.
Si el teu ecommerce ha arribat al punt on el negoci supera la plataforma, parlem-ne i veurem com treure't aquestes limitacions.