Headless WooCommerce

Headless commerce significa separare il frontend (lo storefront che vede il cliente) dal backend (l'admin WooCommerce, la base prodotti, gli ordini). Concretamente: il tuo negozio gira su un sito Next.js / Astro / Remix ospitato su Vercel o Cloudflare, che interroga WooCommerce via API REST o GraphQL. Mantieni WC come back-office (ordini, prodotti, marketing), ma il cliente naviga su un'esperienza custom moderna. Vantaggi: performance massime (LCP < 1s possibile), libertà totale di design, stesso backend per web + app mobile + altri canali.

Quattro casi tipici: (1) sei frustrato dalla performance dello storefront WP classico anche dopo ottimizzazione e vuoi un LCP < 1s; (2) vuoi un design molto specifico non realizzabile in modo pulito tramite tema Gutenberg; (3) lanci un'app mobile nativa (iOS / Android) e vuoi un backend e-commerce unico per web + app; (4) sei un brand DTC in iper-crescita e vuoi differenziarti sull'esperienza cliente. Per l'80% dei negozi WC, lo storefront classico ottimizzato resta la scelta migliore.

Build completo di un frontend headless WooCommerce con Next.js o Astro: contare a partire da 18.000 €, consegnato in 8-12 settimane per un negozio standard. Per progetti complessi (multi-lingua, multi-valuta, abbonamenti headless, pwa): 35.000-80.000 €. Audit preventivo gratuito che quota la complessità in base al tuo catalogo, al tuo design target, ai tuoi bisogni.

Tre scelte principali: (1) Next.js — il più diffuso, ISR (Incremental Static Regeneration) eccellente per i cataloghi, ecosistema React maturo, hosting Vercel ottimale; (2) Astro — il più performante in performance pura (zero JS di default), eccellente per i negozi con poca interattività, hosting Cloudflare o Netlify; (3) Remix — eccellente sul SSR streaming, buona opzione per i negozi con molta interattività client. Ti orientiamo in base al tuo bisogno durante l'inquadramento.

Due approcci: (1) WC REST API nativa (gratuita, inclusa in WC) — semplice ma limitata in flessibilità di query, più richieste necessarie per assemblare una pagina complessa; (2) WPGraphQL + WooGraphQL (plugin gratuiti) — endpoint GraphQL che permette di richiedere esattamente i dati necessari in una sola query, molto più efficiente per i frontend moderni. Il preventivo precisa l'approccio scelto in base ai tuoi bisogni di query.

Sì è incluso. Autenticazione via cookie WC + JWT per le app mobili, carrello persistente in localStorage con sync server-side, checkout custom che usa Stripe Elements (o altro gateway), webhook di conferma post-checkout. Il funnel d'acquisto è integralmente controllato lato frontend pur usando WC per la gestione di ordini, stock, fulfillment.

Sì è uno dei casi più interessanti. Stesso backend WC del tuo web, stesso catalogo, stessi clienti, stessi ordini. App mobile nativa (Swift / Kotlin) o cross-platform (React Native / Flutter) che consuma la stessa API. Caso d'uso tipico: DTC che lancia un'app mobile per i clienti fedeli con push notification, mentre il web resta per l'acquisizione. Preventivo specifico in base alle tecnologie mobile scelte.

Variabile ma vantaggio netto per il headless. Un sito Next.js ben costruito con ISR e hosting Vercel raggiunge tipicamente: LCP < 1s sulle pagine prodotto (vs 2-3s in classico), INP < 50ms, score Lighthouse 95-100. Confrontato a un tema WP anche ottimizzato (LCP 1,5-2s, score 80-90), è una vera differenza. Sui SEO competitivi, questi guadagni si traducono in posizioni e conversioni.