Comerç composable: cada peça, la millor

commercetools · Medusa · Shopify Hydrogen · MACH

Les empreses líders en e-commerce migren a arquitectura headless per guanyar agilitat. Composable commerce porta el concepte més lluny: cada component (pagaments, catàleg, cerca, CMS) és el millor de la seva classe, connectats per APIs.

  • 5,0 Valoració a Clutch
Com ven la botiga: catàleg sincronitzat, experiència de compra, pagament, comanda a l’ERP, mesurament i operació del teu equip Cada venda afina el catàleg 01 · Catàleg Productes i preussincronitzats 02 · Experiència Cerca, fitxa icistella 03 · Pagament Passarel·les iantifrau 04 · Comanda ERP, estoc ilogística 05 · Mesurament Conversió i marge 06 · Operació El teu equip ven,el sistema escala
  1. 01 · Catàleg Productes i preus sincronitzats
  2. 02 · Experiència Cerca, fitxa i cistella
  3. 03 · Pagament Passarel·les i antifrau
  4. 04 · Comanda ERP, estoc i logística
  5. 05 · Mesurament Conversió i marge
  6. 06 · Operació El teu equip ven, el sistema escala
  7. Cada venda afina el catàleg
Scroll

En xifres

Resultats de Kiwop en composable commerce

Dades reals dels nostres projectes.

  • 80+ Projectes e-commerce Projectes d'e-commerce lliurats amb arquitectures headless i composable
  • 5+ Anys headless Anys d'experiència construint frontends headless amb Shopify Hydrogen, Astro i Next.js
  • +35% Millora de rendiment Guany mitjà en velocitat de càrrega en projectes Kiwop amb frontend headless vs monolític

Què inclou

Què inclou el servei

De l'estratègia a la implementació completa.

  • Disseny d'arquitectura
  • Selecció de plataforma
  • Desenvolupament frontend
  • Integració d'APIs
  • Estratègia de migració
  • Optimització de rendiment

Per què

Monolític vs composable

Per què el comerç modular guanya.

Un e-commerce monolític (Magento, PrestaShop, WooCommerce) és un bloc on tot està acoblat: frontend, backend, pagaments, catàleg, cerca. Canviar qualsevol peça requereix tocar la resta. Composable commerce desacobla cada component: uses el millor motor de cerca, la millor passarel·la de pagaments, el millor CMS, connectats per APIs. El resultat: equips més ràpids, millor rendiment, i capacitat d'evolucionar cada peça independentment.

architecture/composable-stack.yaml
# Composable Commerce Stack
commerce:
engine: commercetools
payments: stripe + adyen
search: algolia
cms: payload-cms
frontend:
framework: astro + react
rendering: SSG + ISR
cdn: cloudflare-edge
# Cada peça → la millor de la seva classe
  • Els millors Components
  • Nul Acoblament
  • +35% Velocitat

Definició

Què és composable commerce?

Composable commerce és una arquitectura d'e-commerce on cada funcionalitat (catàleg, pagaments, cerca, CMS, logística) és un servei independent, seleccionat com el millor de la seva classe, i connectat per APIs. Segueix els principis MACH: Microservices, API-first, Cloud-native, Headless.

A diferència de "headless" (que només separa frontend de backend), composable commerce descompon TOT l'stack: pots tenir commercetools per a catàleg, Stripe per a pagaments, Algolia per a cerca, i Payload CMS per a contingut editorial, cadascun reemplaçable independentment. La inversió típica és de 68K-128K€ per a un build estàndard, i 100K-500K+€ per a enterprise.

Resum

Resum executiu

Per a CEOs i directors d'e-commerce.

Les empreses líders en e-commerce estan migrant a arquitectures headless i composable per guanyar agilitat, rendiment i capacitat d'innovació. No és una tendència passatgera, és l'evolució natural del comerç electrònic cap a stacks modulars on cada component és el millor de la seva classe.

Als nostres projectes, els clients obtenen equips que despleguen canvis en hores (no setmanes), rendiment un 35% superior en projectes Kiwop, i capacitat d'adoptar noves tecnologies sense reescriure tot l'stack.

Kiwop ja construeix headless amb Shopify Hydrogen i WordPress headless. Composable commerce és el pas següent: l'arquitectura paraigua que connecta tots els nostres serveis de desenvolupament e-commerce en una proposta coherent.

  • 80+ Projectes e-commerce
  • 5,0 Valoració a Clutch
  • +35% Millora rendiment

Per al CTO

Resum per a CTO / equip tècnic

Stack, plataformes i decisions d'arquitectura.

Commerce engines: commercetools (enterprise, API-first pur, pricing per GMV), Medusa (open-source, Node.js, ideal per a startups i mid-market), Saleor (open-source, Python/GraphQL), Shopify Hydrogen (quan ja estàs a Shopify), BigCommerce (SaaS amb headless API).

Frontend: Astro (SSG/SSR, zero JS per defecte, ideal per a catàlegs amb contingut), Next.js (React, ISR, vercel-native), Nuxt (Vue, SSR/SSG), Remix (React, loader-based). Elecció segons stack de l'equip i requisits d'interactivitat.

Integracions típiques: Stripe + Adyen (pagaments), Algolia + Typesense (cerca), Payload CMS + Contentful (contingut), Segment + GA4 (analytics), Klaviyo (email), i ERPs via middleware (MuleSoft, n8n).

Tecnologies

  • commercetools
  • Medusa
  • Saleor
  • Shopify Hydrogen
  • BigCommerce
  • Next.js
  • Astro
  • Nuxt
  • GraphQL
  • REST API
  • Stripe
  • Adyen
  • MACH: Microservices, API-first, Cloud-native, Headless
  • Strangler fig pattern per a migracions graduals
  • Edge rendering (Cloudflare Workers / Vercel Edge)
  • Event-driven: webhooks + message queues entre serveis

Per a qui

És per a tu?

Composable commerce no és per a tothom. És l'arquitectura correcta si la teva escala i complexitat ho justifiquen.

Per a qui

  • E-commerce amb facturació >500K€/any que necessita escalar sense reescriure.
  • Equips frustrats per la lentitud de la seva plataforma monolítica actual.
  • Negocis que venen en múltiples canals (web, app, marketplaces) i necessiten un backend unificat.
  • CTOs que volen adoptar noves tecnologies sense migració completa.
  • Empreses amb requisits específics de cerca, personalització o internacionalització que la seva plataforma actual no cobreix.

Per a qui no

  • E-commerce amb <100 productes i tràfic baix (Shopify estàndard és suficient).
  • Empreses sense equip tècnic per mantenir una arquitectura distribuïda.
  • Si el teu pressupost està per sota de 50K€ per al build inicial.
  • Negocis on WooCommerce o PrestaShop estàndard cobreixen totes les necessitats.
  • Startups molt early-stage on validar producte és la prioritat (no l'arquitectura).

Claus

Serveis de composable commerce

Verticals per a cada fase del projecte.

  1. 01

    Consultoria d'arquitectura MACH

    Avaluació del teu stack actual, mapeig de components a reemplaçar, selecció de plataformes amb PoC. ADRs (Architecture Decision Records) documentats per a cada decisió.

  2. 02

    Implementació de commerce engine

    Setup de commercetools, Medusa o Saleor. Configuració de catàleg, preus, inventari, impostos. Integració amb el teu ERP i sistemes existents.

  3. 03

    Frontend headless

    Desenvolupament de storefront amb Next.js, Astro o Nuxt. Disseny optimitzat per a conversió. Core Web Vitals passing, SEO tècnic, i rendiment mòbil.

  4. 04

    Integracions i middleware

    Connexió de pagaments (Stripe, Adyen), cerca (Algolia), CMS, email marketing (Klaviyo), i ERPs. Event-driven amb webhooks i cues.

  5. 05

    Migració des de monolític

    Migració gradual des de Magento, PrestaShop o WooCommerce amb strangler fig pattern. Zero downtime. Catàleg, comandes i historial migrats.

  6. 06

    Optimització i escalat

    Edge rendering, image optimization, caching per capes. Autoescalat basat en tràfic per a pics (Black Friday, campanyes).

Com treballem

Procés d'implementació

De plataforma monolítica a composable commerce.

  1. 01

    Discovery i arquitectura

    Anàlisi del teu stack actual, requisits de negoci, volum i complexitat. Disseny d'arquitectura MACH amb selecció de components. PoC amb les plataformes candidates.

    Setmana 1-3
  2. 02

    Commerce engine + integracions

    Setup del commerce engine seleccionat. Configuració de catàleg, preus i inventari. Integració amb passarel·la de pagaments i ERP. API Gateway per a orquestració.

    Setmana 4-8
  3. 03

    Frontend headless

    Desenvolupament del storefront: pàgines de producte, categoria, checkout, compte d'usuari. Optimització de rendiment i SEO. Tests de conversió.

    Setmana 6-12
  4. 04

    Migració de dades

    Migració de catàleg, clients, comandes i historial. Validació d'integritat. Redirects 301 per a SEO. Cutover planificat amb rollback.

    Setmana 10-14
  5. 05

    Llançament i optimització

    Go-live amb monitorització intensiva. Optimització de rendiment post-launch. A/B testing de checkout. Formació a l'equip de negoci.

    Setmana 14-16

Riscos i com els cobrim

Riscos i mitigació

Els riscos reals de migrar a composable commerce.

  1. 01

    Complexitat operativa

    Mitigació

    Documentació exhaustiva (ADRs, runbooks), monitorització unificada, i formació a l'equip. La complexitat es gestiona amb processos, no s'ignora.

  2. 02

    Cost inicial elevat

    Mitigació

    Build típic: 68K-128K€. Però el ROI es recupera en 12-18 mesos gràcies a major velocitat d'equip, millor rendiment i menors costos de canvi. Migració gradual per distribuir inversió.

  3. 03

    Pèrdua de SEO durant migració

    Mitigació

    Redirects 301 complets, preservació d'URLs quan és possible, monitorització GSC diària. Cutover planificat fora de pics de tràfic.

  4. 04

    Dependència de múltiples vendors

    Mitigació

    Cada component és reemplaçable per disseny. Capa d'abstracció al middleware. Si un vendor puja preus o tanca, es substitueix sense reescriure.

  5. 05

    Manca de talent composable

    Mitigació

    Kiwop ja opera headless amb Shopify Hydrogen i WordPress headless. Formem el teu equip en la nova arquitectura amb documentació i sessions hands-on.

Tecnologies

Ecosistema composable

Plataformes i eines que integrem.

  • commercetools
  • Medusa
  • Saleor
  • Shopify Hydrogen
  • BigCommerce
  • Next.js
  • Astro
  • Nuxt
  • Remix
  • React
  • Vue.js
  • Stripe
  • Adyen
  • Algolia
  • Typesense
  • Payload CMS
  • Contentful
  • Klaviyo
  • Segment
  • GraphQL
  • REST API

La prova

Experiència en headless commerce

Kiwop porta anys construint e-commerce headless amb Shopify Hydrogen, WordPress headless, i frontends personalitzats. Composable commerce és l'evolució natural: l'arquitectura paraigua que connecta el nostre expertise en desenvolupament frontend, integració d'APIs, i optimització de rendiment.

  • 80+ Projectes e-commerce lliurats
  • 5+ Anys d'experiència headless
  • 5,0 Valoració a Clutch
  • Millora mitjana de rendiment +35%

Per què

Composable no és car

L'open-source fa composable accessible.

Composable commerce no requereix commercetools a 200K€/any. Medusa (open-source, Node.js) ofereix el mateix patró MACH sense costos de llicència. Saleor (Python/GraphQL) és una altra alternativa sòlida. El cost real és el build del frontend i les integracions, no la plataforma. Per a mid-market, un build complet amb Medusa + Astro + Stripe comença des de 50K€.

  • 0€ Llicència Medusa/Saleor
  • Des de 50K€ Build mid-market

Preguntes freqüents

Preguntes freqüents sobre composable commerce

El que els directors d'e-commerce i CTOs pregunten.

Què és composable commerce?

Composable commerce és una arquitectura on cada component de l'e-commerce (catàleg, pagaments, cerca, CMS, logística) és un servei independent, seleccionat com el millor de la seva classe, i connectat per APIs. Segueix els principis MACH: Microservices, API-first, Cloud-native, Headless.

En què es diferencia de headless?

Headless només separa frontend de backend. Composable descompon TOT l'stack: cada funcionalitat és un servei independent i reemplaçable. Pots tenir un commerce engine headless sense ser composable, però composable sempre és headless.

Quant de temps tarda una migració?

Build nou des de zero: 12-16 setmanes. Migració des de monolític (Magento, PrestaShop): 16-24 setmanes amb strangler fig pattern. Inclou migració de dades, redirects SEO, tests i formació.

Quant costa un projecte composable?

Build estàndard (mid-market): 68K-128K€. Enterprise amb integracions complexes: 100K-500K+€. Amb Medusa (open-source): des de 50K€. El cost de manteniment és similar al monolític, però amb major agilitat.

Quina plataforma de commerce engine triar?

commercetools: enterprise, API-first pur, ideal per a +10M€ GMV. Medusa: open-source, Node.js, perfecte per a mid-market. Saleor: open-source, Python/GraphQL. Shopify Hydrogen: si ja estàs a Shopify. Avaluem segons cas, equip i pressupost.

Perdo SEO en migrar a headless?

No, si es fa bé. Amb SSR/SSG el frontend renderitza HTML complet per a Google. Redirects 301 per a totes les URLs migrades. Monitorització GSC intensiva durant i després del cutover. Les nostres migracions mantenen o milloren el tràfic orgànic.

Puc mantenir les meves eines actuals?

Sí. Aquesta és la gràcia de composable: integres el que funciona i reemplaces el que no. Si el teu ERP, passarel·la de pagaments o email marketing actual funciona bé, el connectem al nou stack per API.

Quina millora de rendiment puc esperar?

En projectes Kiwop, els frontends headless amb SSG/SSR i edge rendering són un 35% més ràpids que els monolítics. En PageSpeed: pas de 40-60 a 90+ en mòbil. En conversió: +15-25% per la millora de velocitat de càrrega.

Següent pas

El teu e-commerce monolític et frena?

Avaluació gratuïta del teu stack actual. Et diem si composable commerce té sentit per al teu cas, quines plataformes encaixen, i quant costaria la migració.

  • Sense compromís
  • Resposta en 24h
  • Proposta personalitzada
Última actualització: juliol del 2026

Parlem.

Consulta tècnica inicial

IA, seguretat i rendiment. Diagnòstic i proposta tancada per fases.

  • NDA disponible
  • Resposta <24h
  • Proposta per fases

La teva primera reunió és amb un Arquitecte de Solucions, no amb un comercial.

Parlar amb un arquitecte