NextJS-тегі жай менюдің мәселесі

Алдыңғы сабақта біз жай сілтемелерден мәзір жасадық:

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

Енді осымен байланысты кейбір мәселелерді талқылайық. Мәселе мынада, бұл мәзірдің сілтемелеріне өту бүкіл беттің қайта жүктелуіне әкеледі. Бұл SEO тұрғысынан дұрыс, бірақ өнімділік тұрғысынан онша оңтайлы емес. Мәселе мынада, бетті қайта жүктеген кезде біз сайттың бүкіл орналасуын қайта жүктейміз, бірақ оның ішінде тек мазмұн ғана өзгереді. Тек беттің мазмұнын жүктеген дұрыс болар еді.

NextJS-те бұл мәселенің шешімі қарастырылған. Біз оны келесі сабақта қарастырамыз.