Headless commerce

Cos’è l’headless commerce?

L’headless commerce è un’architettura in cui lo storefront (lo strato di presentazione visibile ai clienti) è disaccoppiato dal backend di commerce (prodotti, prezzi, carrello e ordini). I due livelli comunicano tra loro tramite API anziché essere integrati in un unico sistema. “Headless” (senza testa) significa che il backend funziona senza una “testa” integrata: il frontend viene creato separatamente e recupera i dati tramite l’API.

Perché l’headless commerce è importante?

Con un frontend indipendente puoi creare esattamente l’esperienza di cui il tuo brand ha bisogno, senza essere vincolato alla struttura predefinita di un tema. Ciò si traduce spesso in prestazioni e flessibilità migliori, e rende più facile distribuire lo stesso contenuto su web, app e altri canali da un unico backend. Il compromesso è un aumento significativo della complessità tecnica e dei costi di sviluppo, poiché dovrai creare e gestire il frontend autonomamente.

Casi d’uso comuni

• Brand che desiderano uno storefront unico e veloce e dispongono delle risorse di sviluppo necessarie.
• Configurazioni omnicanale in cui web, app mobile e negozio fisico condividono gli stessi dati di prodotto.
• Siti ricchi di contenuti creati in un CMS separato e integrati sopra i dati di commerce.
• Aziende che ottimizzano i Core Web Vitals senza i vincoli di un tema.

Prospettiva Shopify

In Shopify, l’headless viene tipicamente realizzato con Hydrogen (il framework React di Shopify) ospitato su Oxygen, recuperando i dati tramite la Storefront API (GraphQL). Il classico tema in Liquid non renderizza più lo storefront. Tieni presente che il processo di pagamento (checkout) viene comunque eseguito sul checkout ospitato da Shopify per motivi di sicurezza e PCI: sostituisci il frontend, non il flusso di pagamento.