Menyu ya Juu ya NextJS

Katika somo lilopita tulijadua shida ya menyu inayotokana na viungo vya kawaida. NextJS inaweza kutatua shida hii na kufanya badilisha kwamba mpito kupitia kiungo usisababisha upakiaji upya wa ukurasa wote. Kwa uboreshaji wa utendaji kupitia Ajax sehemu iliyobadilika tu ndio itapakiwa.

Kwa hili badala ya viungo tutatumia komponenye maalum Link. Tutaingiza:

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

Wacha tubadilishe menyu yetu kupitia komponenye hii:

/src/comps/menu/menu.jsxexport default function Menu() {
  return <>
    <Link href="/">nyumbani</Link>
    <Link href="/about">kuhusu</Link>
    <Link href="/price">bei</Link>
    <Link href="/contacts">mawasiliano</Link>
  </>;
}