Il framework NextJS come motore del sito

Nei tempi antichi, quando Internet era solo alle sue origini, i siti venivano sviluppati in HTML puro. Questo, tuttavia, è alquanto scomodo. Per questo motivo sono apparsi programmi speciali, scritti in uno dei linguaggi di backend (PHP, NodeJS, ecc.), che semplificano lo sviluppo del sito. Il programma che supporta il funzionamento del sito è chiamato motore del sito.

Discutiamo di quali siano i problemi dei siti in HTML puro, di come questi problemi vengano risolti dai motori e cosa c'entri NextJS.

Supponiamo che tu abbia un sito multipagina in HTML puro. Su ogni pagina del sito ci saranno parti identiche (ad esempio, header, footer, sidebar) e parti diverse (contenuto della pagina, il suo titolo).

Supponiamo che tu debba apportare una modifica, ad esempio, all'header del sito. In questo caso, devi apportare modifiche a tutti i file che contengono quell'header. Questo, ovviamente, non è molto conveniente.

Ecco perché i siti moderni funzionano con dei motori. I motori utilizzano un approccio speciale. L'essenza di questo approccio sta nel creare un unico file con il layout generale del sito. Questo file conterrà le parti comuni del sito.

A seconda dell'URL richiesto, in un punto speciale del layout verrà inserito il contenuto del sito corrispondente a quell'URL.

Oltre al contenuto, di solito cambia anche il titolo della pagina. Inoltre, il contenuto e il titolo vengono inseriti in punti diversi del layout. Anche questo è garantito dal motore del sito.

Se per noi è importante la SEO, allora per ogni pagina del sito dovremmo avere la propria meta descrizione. Anche questa deve essere inserita nel suo punto specifico del layout.

Il framework NextJS funziona nel modo descritto. Cioè, è il motore del nostro sito. Di conseguenza, da qualche parte abbiamo un file speciale che contiene il layout generale del sito. È il suo studio che affronteremo in questa sezione del tutorial.