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:

/src/comps/menu/menu.jsximport Link from 'next/link';

Gəlin menyumuzu bu komponent vasitəsilə yenidən qurraq:

/src/comps/menu/menu.jsxexport default function Menu() {
  return <>
    <Link href="/">home</Link>
    <Link href="/about">about</Link>
    <Link href="/price">price</Link>
    <Link href="/contacts">contacts</Link>
  </>;
}