A hagyományos menü problémája NextJS-ben

Az előző leckében készítettünk egy menüt hagyományos linkekből:

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

Most beszéljünk meg néhány problémát, amely ezzel kapcsolatos. A helyzet az, hogy a menü linkjeire kattintva a teljes oldal újratöltődik. Ez helyes az SEO szempontjából, de nem túl optimális a teljesítmény szempontjából. A probléma az, hogy az oldal újratöltésekor ismét letöltjük a webhely teljes elrendezését, annak ellenére, hogy csak a tartalom változik. Optimálisabb lenne csak az oldal tartalmát letölteni.

A NextJS megoldást kínál erre a problémára. Ezt a következő leckében vizsgáljuk meg.