Problém běžného menu v NextJS

V předchozí lekci jsme vytvořili menu z běžných odkazů:

/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>
  </>;
}

Pojďme nyní probrat některé problémy, které s tím souvisí. Jde o to, že přechod na odkazy tohoto menu vede k obnovení celé stránky. To je správné z hlediska SEO, ale není to příliš optimální z hlediska výkonu. Jde o to, že při obnovení stránky znovu stahujeme celé rozložení webu, i když se v něm mění pouze obsah. Optimální by bylo stahovat pouze obsah stránky.

V NextJS je připraveno řešení tohoto problému. To si prohlédneme v následující lekci.