Problemet med vanlig meny i NextJS

I forrige leksjon lagde vi en meny med vanlige lenker:

/src/comps/menu/menu.jsxexport 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.