Het probleem van een gewoon menu in NextJS
In de vorige les hebben we een menu gemaakt van gewone 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>
</>;
}
Laten we nu enkele problemen bespreken die hiermee verband houden. Het feit is dat navigeren via de links in dit menu leidt tot het herladen van de volledige pagina. Dit is correct vanuit het oogpunt van SEO, maar niet erg optimaal vanuit het oogpunt van prestaties. Het feit is dat bij het herladen van de pagina we opnieuw de volledige lay-out van de site downloaden, terwijl alleen de content verandert. Het zou optimaal zijn om alleen de content van de pagina te downloaden.
NextJS biedt een oplossing voor dit probleem. Dit bespreken we in de volgende les.
Zorg ervoor dat navigatie via gewone links een paginareload veroorzaakt.
