Meniu Avansat în NextJS
În lecția precedentă, am discutat problema meniului din link-uri obișnuite. NextJS poate rezolva această problemă și poate face ca navigarea prin link să nu ducă la reîncărcarea întregii pagini. Pentru optimizarea performanței, prin Ajax va fi încărcată doar partea care s-a schimbat.
Pentru aceasta, în loc de link-uri,
vom folosi o componentă specială
Link.
Să o importăm:
import Link from 'next/link';
Să refacem meniul nostru folosind această componentă:
export default function Menu() {
return <>
<Link href="/">home</Link>
<Link href="/about">about</Link>
<Link href="/price">price</Link>
<Link href="/contacts">contacts</Link>
</>;
}
Refaceți-vă meniul folosind
componenta Link.
Asigurați-vă că navigarea prin link-urile meniului nu mai duce acum la reîncărcarea paginii.
