Tavaline menüü probleem NextJS-is
Eelmises õppetükis tegime menüü tavalistest linkidest:
export default function Menu() {
return <>
<a href="/">kodu</a>
<a href="/about">meist</a>
<a href="/price">hinnad</a>
<a href="/contacts">kontaktid</a>
</>;
}
Arutame nüüd mõned sellega seotud probleemid. Asi on selles, et nende menüülinkide peale klikkides laaditakse kogu leht uuesti. See on SEO seisukohalt õige, kuid mitte eriti optimaalne jõudluse seisukohalt. Asi on selles, et lehe uuesti laadimisel laadime me uuesti alla kogu saidi maketi, kuigi muutub ainult sisu. Optimaalne oleks laadida ainult lehe sisu.
NextJS pakub sellele probleemile lahendust. Seda vaatleme järgmises õppetükis.
Veenduge, et tavalistel linkidel klikkides toimub lehe uuesti laadimine.