Ընդլայնված մենյու 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>
  </>;
}