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

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

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

/src/comps/menu/menu.jsximport Link from 'next/link';

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

/src/comps/menu/menu.jsxexport default function Menu() {
  return <>
    <Link href="/">home</Link>
    <Link href="/about">about</Link>
    <Link href="/price">price</Link>
    <Link href="/contacts">contacts</Link>
  </>;
}