Problemet med vanlig meny i NextJS
I forrige leksjon lagde vi en meny med vanlige lenker:
export default function Menu() {
return <>
<a href="/">hjem</a>
<a href="/about">om</a>
<a href="/price">pris</a>
<a href="/contacts">kontakter</a>
</>;
}
La oss nå diskutere noen problemer knyttet til dette. Saken er at å navigere via lenkene i denne menyen fører til at hele siden lastes på nytt. Dette er riktig ut fra SEO-synspunkt, men ikke optimalt ut fra ytelsessynspunkt. Saken er at ved sideoppdatering henter vi ned hele nettstedets layout på nytt, selv om kun innholdet endres. Det optimale ville vært å kun hente ned sidens innhold.
NextJS har en løsning på dette problemet. Den skal vi se på i neste leksjon.
Forsikre deg om at navigering via vanlige lenker forårsaker sideoppdatering.
