Прасунутае меню ў NextJS

У папярэднім уроке мы абмеркавалі праблему меню з звычайных спасылаў. NextJS можа вырашыць гэтую праблему і зрабіць так, каб пераход па спасылцы не прыводзіў да перазагрузкі старонкі цэлікам. Для аптымізацыі прадукцыйнасці праз Ajax будзе загружацца толькі тая частка, што змянілася.

Для гэтага замест спасылак мы будзем выкарыстоўваць спецыяльны кампанент Link. Імпартуем яго:

import Link from 'next/link';

Пераробім наша меню праз гэты кампанент:

export default function Menu() {
	return <>
		<Link href="/by/">home</Link>
		<Link href="/by/about">about</Link>
		<Link href="/by/price">price</Link>
		<Link href="/by/contacts">contacts</Link>
	</>;
}

Пераробіце ваша меню праз кампанент Link.

Пераканайцеся, што пераход па спасылках меню цяпер не прыводзіць да перазагрузкі старонкі.