NextJS-də Təkmilləşdirilmiş Menyu
Əvvəlki dərsdə biz adeti linklerden ibarət menyu problemini müzakire etdik. NextJS bu problemi həll edə bilər və linkə keçidin bütün səhifənin yenidən yüklenmesine səbəb olmamasını təmin edə bilər. Performansın optimallaşdırılması üçün yalnız dəyişən hissə Ajax vasitəsilə yüklənəcək.
Bunun üçün linkler yerine biz xüsusi
Link komponentinden istifadə edəcəyik.
Onu import edək:
import Link from 'next/link';
Gəlin menyumuzu bu komponent vasitəsilə yenidən qurraq:
export default function Menu() {
return <>
<Link href="/">home</Link>
<Link href="/about">about</Link>
<Link href="/price">price</Link>
<Link href="/contacts">contacts</Link>
</>;
}
Menyunuzu Link komponenti vasitəsilə yenidən qurun.
Menyu linklerinə keçid artıq səhifənin yenidən yüklenmesine səbəb olmurmu, əmin olun.
