Менюи пешрафта дар NextJS

Дар дарси гузашта мо мушкили менюи аз истинодҳои оддӣ баҳс кардем. NextJS метавонад ин мушкилро ҳал кунад ва тавре созад, ки гузариш ба истинод боиси боргузории аз нав саҳифаи пурра нагардад. Барои оптимализатсияи иҷро аз тариқи Ajax танҳо қисми тағирёфта бор мешавад.

Барои ин ба ҷои истинодҳо мо компоненти махсуси Link-ро истифода мебарем. Онро ворид мекунем:

/src/comps/menu/menu.jsximport Link from 'next/link';

Менюи худро тавассути ин компонент табдил диҳем:

/src/comps/menu/menu.jsxexport default function Menu() {
  return <>
    <Link href="/">асосӣ</Link>
    <Link href="/about">дар бораи мо</Link>
    <Link href="/price">нарх</Link>
    <Link href="/contacts">тамос</Link>
  </>;
}