NextJS-da oddiy menyuning muammosi

Oldingi darsda biz oddiy havolalardan mendu yasadik:

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

Keling, endi bu bilan bog'liq ba'zi muammolarni muhokama qilaylik. Gap shundaki, bu menyu havolalari orqali o'tish butun sahifaning qayta yuklanishiga olib keladi. Bu SEO nuqtai nazaridan to'g'ri, ammo samaradorlik nuqtai nazaridan unchalik optimal emas. Gap shundaki, sahifani qayta yuklashda biz butun sayt maketini yana yuklaymiz, garchi unda faqat kontent o'zgaradi. Optimal variant faqat sahifa kontentini yuklash bo'lar edi.

NextJSda bu muammoning yechimi nazarda tutilgan. Buni keyingi darsda ko'rib chiqamiz.