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:
export 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.
Ellenőrizd, hogy a hagyományos linkekre kattintva valóban újratöltődik-e az oldal.
