Problema meniului obișnuit în NextJS
În lecția precedentă, am creat un meniu din link-uri obișnuite:
export default function Menu() {
return <>
<a href="/">home</a>
<a href="/about">about</a>
<a href="/price">price</a>
<a href="/contacts">contacts</a>
</>;
}
Să discutăm acum despre unele probleme legate de acest lucru. Ideea este că navigarea prin link-urile acestui meniu duce la reîncărcarea întregii pagini. Acest lucru este corect din punctul de vedere al SEO, dar nu este foarte optim din punctul de vedere al performanței. Ideea este că la reîncărcarea paginii, descărcăm din nou întregul layout al site-ului, deși se schimbă doar conținutul. Ar fi optim să descărcăm doar conținutul paginii.
NextJS oferă o soluție pentru această problemă. O vom analiza în lecția următoare.
Asigurați-vă că navigarea prin link-urile obișnuite provoacă reîncărcarea paginii.
