Ciao, e benvenuto nella prima puntata della cinquantottesima stagione di questo podcast. Nella stagione dedicata a Vue abbiamo conosciuto una libreria brillante per costruire interfacce: reattiva, elegante, un piacere da usare. Ma una libreria per le interfacce, da sola, non è un'applicazione completa. Restano fuori un sacco di decisioni: come organizzare il progetto, come gestire le rotte tra le pagine, dove e quando costruire le pagine, come prendere i dati, come preparare tutto per andare in produzione. Oggi parliamo dello strumento che riempie proprio quel vuoto: Nuxt, l'impalcatura completa costruita attorno a Vue.
Partiamo dal rapporto tra i due, perché è la chiave di tutto. Pensa a Vue come a un motore eccezionale: potente, ben fatto, capace di muovere qualunque cosa. Ma un motore, da solo, non ti porta da nessuna parte. Ti serve una macchina intera costruita attorno: il telaio, le ruote, lo sterzo, il cruscotto. Nuxt è quella macchina. Prende il motore Vue e ci costruisce intorno tutto il resto, così tu non devi assemblare da zero, ogni volta, gli stessi pezzi. È quello che si chiama un framework costruito sopra un altro: non sostituisce Vue, lo avvolge e lo completa.
Voglio darti il primo pilastro, perché è il suo spirito. Il primo pilastro di Nuxt sono le convenzioni al posto della configurazione. Cosa significa? Significa che invece di farti decidere e configurare ogni piccola cosa, Nuxt ha già deciso per te il modo sensato di fare le cose comuni. Metti un file nella cartella delle pagine, e diventa automaticamente una pagina raggiungibile. Non devi dirlo a nessuno, non devi collegare niente: la struttura delle cartelle è già la struttura dell'applicazione. Nuxt prende le decisioni noiose al posto tuo, così tu puoi concentrarti su ciò che rende diversa la tua applicazione, invece di riscrivere ogni volta la stessa impalcatura. C'è un patto dietro questa idea: tu accetti di fare le cose nel modo che il framework si aspetta, e in cambio lui ti risparmia una montagna di lavoro noioso. Rinunci a un po' di libertà su come organizzare le cose, e ottieni velocità e uniformità.
Voglio darti il secondo pilastro, perché è il suo superpotere. Il secondo pilastro è il rendering universale, cioè la capacità di costruire le pagine in due mondi diversi. Vue, da sola, costruisce le pagine nel browser dell'utente: comodo, ma con dei limiti che vedremo. Nuxt aggiunge la capacità di costruire la pagina anche sul server, prima ancora che arrivi al browser, e persino di prepararla in anticipo. La stessa applicazione può girare in due posti: sul server e nel browser. Questo apre le porte alla visibilità sui motori di ricerca e a una comparsa istantanea dei contenuti, cose che una semplice applicazione nel browser fatica a offrire. E il bello è che puoi scegliere: per una pagina il server, per un'altra la preparazione anticipata, per un'altra ancora il solo browser. Non una decisione unica per tutto il sito, ma la strategia giusta pagina per pagina.
Voglio collocarlo nella famiglia, perché non è un caso isolato. Se questo schema ti suona familiare, è perché lo è. Nella stagione dedicata a Next abbiamo visto esattamente la stessa idea, ma nel mondo di React: una libreria per le interfacce, avvolta da un'impalcatura completa che aggiunge rotte, costruzione delle pagine sul server e struttura del progetto. Nuxt sta a Vue come quell'altro strumento sta a React. Sono fratelli, nati dallo stesso bisogno: trasformare una libreria per le interfacce in un framework per applicazioni vere, pronte per il mondo reale.
Voglio anticiparti il filo onesto, perché è il tema della stagione. E qui aggancio la stagione scorsa. Con il mappatore abbiamo detto che una magia comoda nasconde sempre una macchina, e che per usarla bene devi conoscere cosa c'è sotto. Ebbene, Nuxt è forse il framework più magico di cui abbiamo mai parlato. Fa moltissime cose per te, in automatico, senza che tu scriva una riga: importa da solo i componenti, crea le rotte, costruisce le pagine in due mondi. È meraviglioso, ma è tutta magia che poggia su una macchina reale: il server, il browser, il momento delicato in cui la pagina prende vita. E come sempre, capire quella macchina è ciò che ti separa da chi la magia la subisce e basta.
Per oggi ci fermiamo qui. Abbiamo aperto la stagione su Nuxt, l'impalcatura completa costruita attorno a Vue. Vue è un motore eccezionale, ma un motore da solo non basta: Nuxt è la macchina intera che gli costruisce intorno telaio, ruote e sterzo. Poggia su due pilastri: le convenzioni al posto della configurazione, dove la struttura delle cartelle è già la struttura dell'app, e il rendering universale, la capacità di costruire le pagine in due mondi, sul server e nel browser. È il fratello, nel mondo di Vue, di ciò che Next è nel mondo di React. Ed è un framework magico, che nasconde una macchina vera. Nella prossima puntata: dove nasce la pagina, il cuore del rendering universale. Nelle note trovi qualche spunto. Se ti è utile, condividila. Grazie per l'ascolto, e ci sentiamo alla prossima.