NextJS Framework als Website Engine

In de oude tijden, toen internet net ontstond, werden websites ontwikkeld in pure HTML. Dit is echter enigszins onhandig. Daarom verschenen er speciale programma's, geschreven in een van de backendtalen (PHP, NodeJS, etc.), die de ontwikkeling van de website vereenvoudigden. Het programma dat de werking van de website ondersteunt, wordt de website engine genoemd.

Laten we bespreken wat de problemen zijn van websites in pure HTML, hoe engines helpen deze problemen op te lossen en wat NextJS hiermee te maken heeft.

Stel dat je een website met meerdere pagina's hebt in pure HTML. Op elke pagina van de website zul je identieke delen hebben (bijvoorbeeld, header, footer, zijbalken) en verschillende delen (pagina-inhoud, haar titel).

Stel dat je een wijziging moet aanbrengen, laten we zeggen, in de header van de website. In dat geval moet je aanpassingen aanbrengen in alle bestanden met die header. Dit is natuurlijk niet erg handig.

Daarom werken moderne websites op engines. Engines gebruiken een speciale aanpak. De essentie van deze aanpak is dat er één bestand wordt gemaakt met de algemene lay-out van de website. Dit bestand zal de algemene delen van de website bevatten.

Afhankelijk van de opgevraagde URL zal op een speciale plaats in de lay-out de inhoud van de website worden ingevoegd, die overeenkomt met deze URL.

Naast de inhoud verandert er meestal ook de titel op de pagina. Tegelijkertijd worden inhoud en titel op verschillende plaatsen in de lay-out ingevoegd. Dit wordt ook verzorgd door de website engine.

Als SEO belangrijk voor ons is, dan moet voor elke pagina van de website een eigen metabeschrijving zijn. Deze moet ook op zijn eigen plek in de lay-out worden ingevoegd.

Het NextJS framework werkt op de beschreven manier. Dat wil zeggen, het is de engine van onze website. Dienovereenkomstig hebben we ergens een speciaal bestand dat de algemene lay-out van de website bevat. De bestudering daarvan is waar we ons in deze sectie van de tutorial mee bezig zullen houden.