Napredni meni v NextJS
V prejšnji lekciji smo razpravljali o težavi menija z navadnimi povezavami. NextJS lahko reši to težavo in poskrbi, da premikanje po povezavi ne povzroči ponovnega nalaganja céle strani. Za optimizacijo zmogljivosti se bo prek Ajax-a naložil le spremenjeni del.
Za to namesto povezav
uporabimo posebno
komponento Link.
Uvažamo jo:
import Link from 'next/link';
Predelajmo naš meni s to komponento:
export default function Menu() {
return <>
<Link href="/">domov</Link>
<Link href="/about">o nas</Link>
<Link href="/price">cene</Link>
<Link href="/contacts">kontakti</Link>
</>;
}
Predelajte vaš meni s
komponento Link.
Prepričajte se, da premikanje po povezavah menija zdaj ne povzroča ponovnega nalaganja strani.
