Le framework NextJS en tant que moteur de site

Dans les temps anciens, lorsque l'Internet n'était qu'à ses débuts, les sites étaient développés en HTML pur. C'est, cependant, quelque peu peu pratique. C'est pourquoi sont apparus des programmes spéciaux, écrits dans l'un des langages backend (PHP, NodeJS, etc.), simplifiant le développement de sites. Le programme qui soutient le fonctionnement du site est appelé le moteur du site.

Discutons des problèmes des sites en HTML pur, de la manière dont les moteurs aident à résoudre ces problèmes et de ce que NextJS a à voir avec cela.

Supposons que vous ayez un site multi-pages en HTML pur. Sur chaque page du site, vous aurez des parties identiques (par exemple, l'en-tête, le pied de page, les barres latérales) et des parties différentes (le contenu de la page, son titre).

Supposons que vous deviez apporter un changement, disons, dans l'en-tête du site. Dans ce cas, vous devez apporter des modifications dans tous les fichiers contenant cet en-tête. Ce n'est bien sûr pas très pratique.

C'est pourquoi les sites modernes fonctionnent avec des moteurs. Les moteurs utilisent une approche spéciale. L'essence de cette approche est de créer un fichier avec la mise en page générale du site. Ce fichier contiendra les parties communes du site.

En fonction de l'URL demandée, le contenu du site correspondant à cet URL sera inséré dans un emplacement spécial de la mise en page.

Outre le contenu, le titre de la page change généralement également. Le contenu et le titre sont insérés à différents endroits de la mise en page. Cela est également assuré par le moteur du site.

Si le SEO est important pour nous, alors pour chaque page du site, nous devons avoir notre propre méta-description. Elle doit également être insérée à sa place dans la mise en page.

Le framework NextJS fonctionne de la manière décrite. C'est-à-dire qu'il est le moteur de notre site. En conséquence, nous avons quelque part un fichier spécial contenant la mise en page générale du site. C'est son étude que nous aborderons dans cette section du tutoriel.