NextJS-ში მოწინავე მენიუ

წინა გაკვეთილზე ჩვენ განვიხილეთ ჩვეულებრივი ბმულების მენიუს პრობლემა. NextJS-ს შეუძლია ამ პრობლემის მოგვარება და ისე მოქმედება, რომ ბმულზე გადასვალა არ გამოიწვიოს მთელი გვერდის გადატვირთვა. შესრულების ოპტიმიზაციის მიზნით, Ajax-ის მეშვეობით მხოლოდ შეცვლილი ნაწილი ჩაიტვირთება.

ამისთვის ბმულების ნაცვლად ჩვენ გამოვიყენებთ სპეციალურ კომპონენტს Link. იმპორტირება მოდული:

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

გადავაკეთოთ ჩვენი მენიუ ამ კომპონენტის მეშვეობით:

/src/comps/menu/menu.jsxexport default function Menu() {
  return <>
    <Link href="/">მთავარი</Link>
    <Link href="/about">შესახებ</Link>
    <Link href="/price">ფასები</Link>
    <Link href="/contacts">კონტაქტი</Link>
  </>;
}