Problém obyčajného menu v NextJS

V predchádzajúcej lekcii sme vytvorili menu z obyčajných odkazov:

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

Poďme teraz diskutovať o niektorých problémoch, ktoré sú s tým spojené. Vec sa má tak, že prechod cez odkazy tohto menu vedie k obnoveniu celej stránky. Je to správne z pohľadu SEO, ale nie je to veľmi optimálne z pohľadu výkonnosti. Vec sa má tak, že pri obnovení stránky opäť sťahujeme celý layout stránky, hoci v ňom sa mení len obsah. Optimálne by bolo sťahovať len obsah stránky.

V NextJS je poskytnuté riešenie tohto problému. To si pozrieme v nasledujúcej lekcii.

Задание 1

Presvedčte sa, že prechod cez obyčajné odkazy spôsobuje obnovenie stránky.