Problemet med vanliga menyer i NextJS
I föregående lektion skapade vi en meny med vanliga länkar:
export default function Menu() {
return <>
<a href="/">home</a>
<a href="/about">about</a>
<a href="/price">price</a>
<a href="/contacts">contacts</a>
</>;
}
Låt oss nu diskutera några problem associerade med detta. Saken är den att navigering via länkarna i denna meny leder till omladdning av hela sidan. Detta är korrekt ur SEO-synpunkt, men inte optimalt ur prestandasynpunkt. Saken är den att vid omladdning av sidan laddar vi ner hela webbplatsens layout igen, trots att bara innehållet ändras. Det optimala vore att endast ladda ner sidans innehåll.
NextJS har en lösning på detta problem. Vi kommer att undersöka den i nästa lektion.
Se till att navigering via vanliga länkar orsakar omladdning av sidan.
