Problem zwykłego menu w NextJS
W poprzedniej lekcji zrobiliśmy menu ze zwykłych linków:
export default function Menu() {
return <>
<a href="/">home</a>
<a href="/about">about</a>
<a href="/price">price</a>
<a href="/contacts">contacts</a>
</>;
}
Omówmy teraz niektóre problemy, związane z tym. Chodzi o to, że przejście przez linki tego menu prowadzi do przeładowania całej strony. Jest to poprawne z punktu widzenia SEO, ale nie bardzo optymalne z punktu widzenia wydajności. Chodzi o to, że przy przeładowaniu strony znów pobieramy cały układ strony, chociaż zmienia się w nim tylko treść. Optymalnie byłoby pobrać tylko treść strony.
W NextJS przewidziano rozwiązanie tego problemu. Rozważymy je w następnej lekcji.
Upewnij się, że przejście przez zwykłe linki wywołuje przeładowanie strony.
