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

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

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

import Link from 'next/link';

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

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

გადააკეთეთ თქვენი მენიუ კომპონენტ Link-ის მეშვეობით.

დარწმუნდით, რომ მენიუს ბმულებზე გადასვალა ახლა არ იწვევს გვერდის გადატვირთვას.