Мушкили менюи оддӣ дар 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 ҳалли ин мушкилҳо пешбинӣ шудааст. Мо онро дар дарси оянда баррасӣ мекунем.