NextJS Framework som websitets motor

I de gamle dage, da internettet først var født, blev hjemmesider udviklet i ren HTML. Dette er imidlertid lidt upraktisk. Derfor dukkede der op speciale programmer, skrevet på et af back-end-sprogene (PHP, NodeJS osv.), der forenklede udviklingen af hjemmesiden. Programmet, der understøtter hjemmesidens funktion kaldes for websitets motor.

Lad os drøfte, hvad problemerne er med hjemmesider i ren HTML, hvordan motorer hjælper med at løse disse problemer, og hvad NextJS har med dette at gøre.

Antag, at du har en hjemmeside med mange sider i ren HTML. På hver side af hjemmesiden vil du have identiske dele (for eksempel header, footer, sidebjælker) og forskellige dele (sidens indhold, dens titel).

Antag, at du skal foretage en vis ændring, for eksempel i hjemmesidens header. I dette tilfælde skal du foretage rettelser i alle filerne med denne header. Dette er selvfølgelig ikke særlig praktisk.

Derfor kører moderne hjemmesider på motorer. Motorer bruger en speciel tilgang. Essensen af denne tilgang er, at der oprettes én fil med websitets generelle layout. Denne fil vil indeholde websitets fælles dele.

Afhængigt af den anmodede URL vil indholdet, der svarer til denne URL, blive indsat på et specielt sted i layoutet.

Ud over indholdet på siden ændres titlen normalt også. Samtidig indsættes indholdet og titlen på forskellige steder i layoutet. Dette sikres også af websitets motor.

Hvis SEO er vigtig for os, skal vi for hver side på hjemmesiden have vores egen metabeskrivelse. Den skal også indsættes på sit eget sted i layoutet.

NextJS-frameworket fungerer på den beskrevne måde. Det vil sige, at det er vores websitets motor. Derfor har vi et eller andet sted en speciel fil, der indeholder websitets generelle layout. Vi vil studere netop denne fil i dette afsnit af vejledningen.