Išplėstinis meniu NextJS

Ankstesnėje pamokoje aptarėme įprastų nuorodų meniu problemą. NextJS gali išspręsti šią problemą ir užtikrinti, kad navigacija per nuorodą neleistų į viso puslapio iš naujo įkėlimą. Našumui optimizuoti per Ajax bus įkeltas tik pasikeitęs dalis.

Užuot naudoję nuorodas, mes naudosime specialųjį komponentą Link. Importuokime jį:

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

Pertvarkykime mūsų meniu naudodami šį komponentą:

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