NextJS-da Ilg‘or Menyu
Oldingi darsda biz oddiy havolalardan tashkil topgan menyu muammosini muhokama qildik. NextJS bu muammoni hal qilishi mumkin va havola bo‘yicha o‘tish sahifani butunlay qayta yuklashga olib kelmasligini ta'minlaydi. Samaradorlikni optimallashtirish uchun faqat o‘zgargan qism Ajax orqali yuklanadi.
Buning uchun havolalar o‘rniga biz
maxsus Link komponentidan
foydalanamiz.
Uni import qilamiz:
import Link from 'next/link';
Keling, menyumizni shu komponent orqali qayta yozamiz:
export default function Menu() {
return <>
<Link href="/">bosh sahifa</Link>
<Link href="/about">biz haqimizda</Link>
<Link href="/price">narxlar</Link>
<Link href="/contacts">aloqalar</Link>
</>;
}
Menyuingizni Link
komponenti orqali qayta yozing.
Menyu havolalari bo‘yicha o‘tish endi sahifani qayta yuklashga olib kelmasligiga ishonch hosil qiling.