Problem zwykłego menu w NextJS

W poprzedniej lekcji zrobiliśmy menu ze zwykłych linków:

/src/comps/menu/menu.jsxexport 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.