Perché headless?
Quando Kafarnaom mi ha contattato per creare il suo negozio online, il brief era chiaro: un sito veloce, con un design unico e un'esperienza utente impeccabile. WordPress + WooCommerce classico non bastava — il rendering lato server di WordPress limitava le prestazioni e la libertà creativa.
L'architettura scelta
Ho optato per un'architettura headless: WordPress/WooCommerce come CMS e gestione prodotti (backend), e Next.js per il frontend. Questa separazione offre diversi vantaggi:
- Prestazioni: SSR/SSG di Next.js genera pagine ultra-veloci (Lighthouse 98/100)
- Flessibilità di design: Libertà totale nel rendering
- SEO nativo: Next.js gestisce il rendering server e i meta tag nativamente
- Esperienza sviluppatore: React + TypeScript per codice manutenibile
Risultati
- Punteggio Lighthouse: 98/100
- Tempo di caricamento: <1.5s
- Sito consegnato in 3 settimane