Menu i Avancuar në NextJS

Në mësimin e mëparshëm ne diskutuam problemin e menysë prej lidhjesh të zakonshme. NextJS mund ta zgjidhë këtë problem dhe të bëjë që kalimi nëpër lidhje të mos shkaktojë rifreskim të të gjithë faqes. Për optimizimin e performancës përmes Ajax do të ngarkohet vetëm pjesa e ndryshuar.

Për këtë, në vend të lidhjeve ne do të përdorim një komponent të veçantë Link. Le ta importojmë atë:

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

Le të rindërtojmë menynë tonë përmes këtij komponenti:

/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>
  </>;
}