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ë:
import Link from 'next/link';
Le të rindërtojmë menynë tonë përmes këtij komponenti:
export default function Menu() {
return <>
<Link href="/">home</Link>
<Link href="/about">about</Link>
<Link href="/price">price</Link>
<Link href="/contacts">contacts</Link>
</>;
}
Rindërtoni menynë tuaj përmes
komponentit Link.
Sigurohuni që kalimi nëpër lidhjet e menusë tani nuk shkakton rifreskim të faqes.
