NextJS-ում սովորական մենյուի խնդիրը

Նախորդ դասում մենք ստեղծեցինք սովորական հղումներից բաղկացած մենյու:

/src/comps/menu/menu.jsxexport default function Menu() {
  return <>
    <a href="/">գլխավոր</a>
    <a href="/about">մեր մասին</a>
    <a href="/price">գներ</a>
    <a href="/contacts">կոնտակտներ</a>
  </>;
}

Հիմա եկեք քննարկենք դրա հետ կապված որոշ խնդիրներ: Բանը նրանում է, որ այս մենյուի հղումներով անցումը հանգեցնում է ամբողջ էջի վերաբեռնման: Սա ճիշտ է SEO-ի տեսանկյունից, բայց այնքան էլ օպտիմալ չէ արտադրողականության տեսանկյունից: Բանը նրանում է, որ էջի վերաբեռնման դեպքում մենք նորից ներբեռնում ենք կայքի ամբողջ դասավորությունը, չնայած որ դրանում փոխվում է միայն բովանդակությունը: Օպտիմալ կլիներ ներբեռնել միայն էջի բովանդակությունը:

NextJS-ում նախատեսված է այս խնդրի լուծումը: Այն մենք կքննարկենք հաջորդ դասում: