Problemet med almindelig menu i NextJS
I den forrige lektion lavede vi en menu med almindelige links:
export default function Menu() {
return <>
<a href="/">home</a>
<a href="/about">about</a>
<a href="/price">price</a>
<a href="/contacts">contacts</a>
</>;
}
Lad os nu diskutere nogle problemer forbundet med dette. Kendsgerningen er, at navigation via links i denne menu medfører genindlæsning af hele siden. Dette er korrekt set fra et SEO-perspektiv, men ikke optimalt set fra et ydeevneperspektiv. Kendsgerningen er, at ved genindlæsning af siden downloader vi igen hele layoutet af sitet, selvom det kun er indholdet, der ændres. Det optimale ville være kun at downloade sidens indhold.
NextJS har en løsning på dette problem. Den vil vi se nærmere på i næste lektion.
Sørg for at verificere, at navigation via almindelige links forårsager sidegenindlæsning.
