Headless commerce
Frontend disaccoppiato dal backend, comunicazione via API. Quando ha senso davvero.
Definizione
L'headless commerce è un'architettura ecommerce in cui il frontend (l'interfaccia utente del sito, l'app mobile, il chiosco fisico) è completamente separato dal backend (gestione prodotti, ordini, carrello, checkout). I due livelli comunicano tramite API REST o GraphQL.
Il termine "headless" deriva dal fatto che il backend non ha "testa" (frontend) propria: serve solo dati via API a qualsiasi frontend si voglia agganciare.
Architettura monolitica vs headless
| Aspetto | Monolitico (standard) | Headless |
|---|---|---|
| Frontend | Tema della piattaforma | React, Vue, Next.js, custom |
| Backend | WooCommerce/Shopify/Magento | Stesso (via API) |
| Time-to-market | 1-6 settimane | 3-6 mesi |
| Costo iniziale | €2.000-€10.000 | €20.000-€80.000+ |
| Performance | Buona con caching | Eccezionale (statico) |
| Manutenzione | 1 stack | 2 stack (frontend + backend) |
| Multi-channel (web + app + IoT) | Difficile | Nativo |
Quando ha senso headless
L'headless commerce è cool ma è anche più costoso e complesso. Ha senso solo quando:
- Multi-channel: vendi sullo stesso catalogo via web + app mobile native + chiosco fisico + smart TV. L'headless riusa lo stesso backend per tutti i canali.
- Performance critica: progetti con SLA di velocità estremi (sub-1s loading time) usano frontend statico (Next.js, Astro, Hugo) prebuildato.
- Customizzazione UX estrema: il frontend deve fare cose che nessun tema standard può fare (3D configurators, AR product viewers, interfacce custom).
- Brand presenti su molti touchpoint: enterprise con app native, partner B2B con loro frontend, marketplace integration profonda.
- Team frontend grosso: ha senso disaccoppiare se hai 5+ frontend developer dedicati.
Quando NON ha senso
- Ecommerce piccolo/medio: per <5.000 prodotti il monolitico ha rapporto costo/beneficio enormemente migliore.
- Budget contenuto: headless costa 5-10x un monolitico equivalente.
- Team piccolo: senza un team frontend dedicato, gestire 2 stack diventa onere.
- Time-to-market rapido: WooCommerce monolitico va online in settimane, headless in mesi.
- SEO / contenuti editoriali: WordPress monolitico è imbattibile per blog editoriale + ecommerce in un'unica installazione.
Stack headless tipici
- Headless WooCommerce: WooCommerce + GraphQL (WPGraphQL) + Next.js o Nuxt frontend. Buon compromesso costo/flessibilità.
- Headless Shopify: Shopify Storefront API + Hydrogen (framework Shopify) o Next.js. La modalità più diffusa in EU/USA per brand DTC.
- Headless Magento: Magento + GraphQL nativo + PWA Studio o frontend custom Vue/React. Per progetti enterprise.
- Composable commerce: l'evoluzione headless con backend distribuito (Commercetools, Shopify, Stripe per pagamenti, Algolia per search). Solo enterprise.
La nostra opinione onesta
L'headless commerce è una tecnologia potente che però viene spesso oversold a clienti che non ne hanno bisogno. Per la stragrande maggioranza dei progetti italiani sotto €100K di budget consigliamo monolitico: WooCommerce, Shopify standard, PrestaShop. Il rapporto costo/beneficio è enormemente migliore.
Quando un cliente ci chiede "facciamo headless" per ragioni di moda tecnologica e non di business reale, gli sconsigliamo onestamente — anche a costo di perdere il progetto.
Servizio correlato
Per progetti dove l'headless ha effettivamente senso (multi-channel enterprise, performance critica, customizzazione UX estrema), lo realizziamo. Vedi programmazione codice per i progetti backend custom e sviluppo app per il multi-channel.
Vedi anche: GEO · server-side tagging · Conversion API · indice glossario