[{"data":1,"prerenderedAt":243},["ShallowReactive",2],{"tag-vue3":3},[4],{"id":5,"title":6,"body":7,"categories":224,"coverImage":226,"date":227,"description":228,"extension":229,"meta":230,"navigation":231,"path":232,"seo":233,"stem":234,"sticky":231,"tags":235,"__hash__":242},"articles/otto-anni-dopo-dallarchitettura-wordpress-al-boom-dei-siti-headless.md","Otto anni dopo: dall’architettura WordPress al boom dei siti headless",{"type":8,"value":9,"toc":213},"minimark",[10,25,36,41,59,64,86,89,93,98,118,121,125,128,182,186,193,204],[11,12,13,14,24],"p",{},"Nel 2016, al Meetup WordPress di Roma, parlavo di ",[15,16,20],"a",{"href":17,"rel":18},"https://blog.enricodeleo.com/modern-gentlemens-wordpress-un-nuovo-approccio-al-web",[19],"nofollow",[21,22,23],"strong",{},"“Modern Gentlemen’s WordPress”",", un approccio metodico e strutturato per creare applicazioni WordPress mantenibili e performanti. Guardando indietro, quel talk fu una riflessione sullo stato dell’arte e una guida per affrontare il caos di plugin, temi pesanti e customizzazione spesso inefficiente.",[11,26,27,28,31,32,35],{},"Oggi, a distanza di otto anni, il panorama dello sviluppo web è radicalmente cambiato. Le parole chiave del 2024 sono ",[21,29,30],{},"headless CMS"," e ",[21,33,34],{},"frontend moderni",", con framework come Nuxt3 che dominano la scena. In questa retrospettiva, voglio analizzare cosa è cambiato e come WordPress continui a essere rilevante, ma in modi completamente nuovi.",[37,38,40],"h2",{"id":39},"il-passaggio-allheadless-cms","Il passaggio all'headless CMS",[11,42,43,44,46,47,50,51,54,55,58],{},"Se nel 2016 WordPress era prevalentemente utilizzato come piattaforma monolitica, oggi si sta affermando sempre più come ",[21,45,30],{},". Questo approccio separa completamente il backend dal frontend: WordPress si occupa di gestire contenuti e API, mentre il frontend viene sviluppato con tecnologie come ",[21,48,49],{},"Nuxt3",", ",[21,52,53],{},"React",", o ",[21,56,57],{},"Next.js",".",[60,61,63],"h3",{"id":62},"perché-scegliere-unarchitettura-headless","Perché scegliere un'architettura headless?",[65,66,67,74,80],"ul",{},[68,69,70,73],"li",{},[21,71,72],{},"Performance superiore",": Caricamenti più rapidi grazie a frontend ottimizzati per il rendering statico o server-side.",[68,75,76,79],{},[21,77,78],{},"Flessibilità",": Il backend WordPress può alimentare diverse piattaforme (sito web, app mobile, chatbot).",[68,81,82,85],{},[21,83,84],{},"Esperienza utente avanzata",": Un frontend moderno permette di implementare interfacce altamente interattive e dinamiche.",[11,87,88],{},"WordPress, con la sua API REST nativa e GraphQL tramite plugin come WPGraphQL, si adatta perfettamente a questo paradigma. Il tuo contenuto rimane centralizzato, ma puoi costruire esperienze utente al passo con le aspettative del 2024.",[37,90,92],{"id":91},"perché-nuxt3-è-il-frontend-ideale","Perché Nuxt3 è il frontend ideale",[11,94,95,97],{},[21,96,49],{},", basato su Vue 3, si è affermato come una delle soluzioni più robuste per lo sviluppo di frontend headless. Rispetto al Nuxt2 del 2016, questa nuova versione offre:",[65,99,100,106,112],{},[68,101,102,105],{},[21,103,104],{},"Prestazioni migliorate",", grazie a Vue 3 e Vite per il bundling.",[68,107,108,111],{},[21,109,110],{},"Supporto nativo per il rendering universale",", fondamentale per SEO e performance.",[68,113,114,117],{},[21,115,116],{},"Modularità e scalabilità",", con un ecosistema che facilita l’integrazione con CMS, autenticazione e servizi cloud.",[11,119,120],{},"Con Nuxt3, puoi costruire siti che combinano il meglio del rendering statico (SSG) e server-side (SSR). Questo lo rende perfetto per e-commerce, blog e applicazioni web avanzate.",[37,122,124],{"id":123},"come-coniugare-wordpress-e-nuxt3","Come coniugare WordPress e Nuxt3",[11,126,127],{},"Ecco una roadmap per implementare un sito headless con WordPress e Nuxt3:",[129,130,131,149,165],"ol",{},[68,132,133,136,137],{},[21,134,135],{},"Preparare WordPress come CMS headless",":",[65,138,139,146],{},[68,140,141,142,145],{},"Utilizza ",[21,143,144],{},"WPGraphQL"," o la REST API per esporre i dati.",[68,147,148],{},"Ottimizza WordPress per funzionare come API server (disabilita temi e plugin non necessari).",[68,150,151,136,154],{},[21,152,153],{},"Costruire il frontend con Nuxt3",[65,155,156,159,162],{},[68,157,158],{},"Configura un’app Nuxt3 per consumare l’API di WordPress.",[68,160,161],{},"Implementa il rendering universale per ottenere un’ottima indicizzazione e prestazioni.",[68,163,164],{},"Integra strumenti moderni per immagini (Nuxt Image) e analytics.",[68,166,167,136,170],{},[21,168,169],{},"Deployment",[65,171,172],{},[68,173,174,175,50,178,181],{},"Sfrutta piattaforme moderne come ",[21,176,177],{},"Vercel",[21,179,180],{},"Netlify",", o container su cloud per una distribuzione rapida.",[37,183,185],{"id":184},"conclusioni","Conclusioni",[11,187,188,189,192],{},"Dal 2016 a oggi, la filosofia “Modern Gentlemen” ha trovato una sua naturale evoluzione. Oggi non si tratta solo di costruire applicazioni ben strutturate, ma di ",[21,190,191],{},"connettere i migliori strumenti disponibili"," per offrire esperienze utente eccezionali. Nuxt3 e l’approccio headless sono un esempio lampante di come possiamo adattarci a un web sempre più dinamico.",[11,194,195,196,203],{},"Se vuoi approfondire questo approccio, ti invito a esplorare il mio boilerplate open source ",[21,197,198],{},[15,199,202],{"href":200,"rel":201},"https://github.com/enricodeleo/wpacked",[19],"wpacked",", che rimane una solida base per chi vuole iniziare a lavorare con WordPress in maniera moderna.",[11,205,206,207,212],{},"Hai provato a creare un sito headless con WordPress e Nuxt3? Parliamone nei commenti o scrivimi ",[15,208,211],{"href":209,"rel":210},"https://www.linkedin.com/in/enricodeleo",[19],"su LinkedIn",". Sarebbe interessante confrontarci sulle sfide e sulle opportunità che questa architettura porta nel 2024.",{"title":214,"searchDepth":215,"depth":215,"links":216},"",2,[217,221,222,223],{"id":39,"depth":215,"text":40,"children":218},[219],{"id":62,"depth":220,"text":63},3,{"id":91,"depth":215,"text":92},{"id":123,"depth":215,"text":124},{"id":184,"depth":215,"text":185},[225],"dev","https://i2.wp.com/enricodeleo.s3.eu-south-1.amazonaws.com/images/otto-anni-dopo-dallarchitettura-wordpress-al-boom-dei-siti-headles.jpg","2024-12-11T12:00:00.000Z","Una retrospettiva sull'evoluzione delle applicazioni WordPress dal 2016 al 2024 e la rivoluzione dei siti headless con Nuxt3.","md",{},true,"/otto-anni-dopo-dallarchitettura-wordpress-al-boom-dei-siti-headless",{"title":6,"description":228},"otto-anni-dopo-dallarchitettura-wordpress-al-boom-dei-siti-headless",[236,237,238,239,240,241],"wordpress","nuxt3","headless","vue3","frontend","cms","tzHRnbi4BAHubpIahh1b0Mmoc57Fdi72dWvb8ayO_fo",1777303095759]