NextJS'теги кыйын меню

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

Бул үчүн шилтемелердин ордуна биз атайын Link компонентин колдонобуз. Аны импорттоп көрөлү:

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

Келгиле, биздин менюбүздү ушул компонент аркылуу өзгөртөлү:

/src/comps/menu/menu.jsxexport default function Menu() {
  return <>
    <Link href="/">башкы барак</Link>
    <Link href="/about">биз жөнүндө</Link>
    <Link href="/price">баа</Link>
    <Link href="/contacts">байланыштар</Link>
  </>;
}