Napredni meni u NextJS

U prethodnoj lekciji smo razgovarali o problemima menija od običnih linkova. NextJS može rešiti ovaj problem i učiniti da navigacija linkom ne dovede do ponovnog učitavanja cele stranice. Radi optimizacije performansi, putem Ajax-a će se učitati samo izmenjeni deo.

Za ovo, umesto linkova mi ćemo koristiti specijalnu komponentu Link. Uvezićemo je:

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

Prepravimo naš meni kroz ovu komponentu:

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