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:
import Link from 'next/link';
Prepravimo naš meni kroz ovu komponentu:
export default function Menu() {
return <>
<Link href="/">home</Link>
<Link href="/about">about</Link>
<Link href="/price">price</Link>
<Link href="/contacts">contacts</Link>
</>;
}
Prepravite vaš meni kroz
komponentu Link.
Uverite se da navigacija linkovima menija sada ne dovodí do ponovnog učitavanja stranice.