NextJS-те кеңейтілген мәзір

Алдыңғы сабақта біз қарапайым сілтемелерден тұратын мәзірдің мәселесін талқыладық. NextJS бұл мәселені шеше алады және сілтемеге өту бүкіл беттің қайта жүктелуіне әкелмейтіндігін қамтамасыз етеді. Өнімділікті оңтайландыру үшін тек өзгерген бөлік Ajax арқылы жүктелетін болады.

Бұл үшін біз сілтемелердің орнына арнайы Link компонентін қолданамыз. Оны импорттайық:

import Link from 'next/link';

Енді біздің мәзірімізді осы компонент арқылы қайта жасайық:

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

Мәзіріңізді Link компоненті арқылы қайта жасаңыз.

Мәзір сілтемелеріне өту енді беттің қайта жүктелуіне әкелмейтініне көз жеткізіңіз.