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 компоненти аркылуу өзгөртүңүз.

Менюнүн шилтемелери боюнча өтүү азыр баракты кайта жүктөөгө алып келбей тургандыгына ынаныңыз.