NextJS Izvērstā izvēlne

Iepriekšējā nodarbībā mēs apspriedām parastās saites izvēlnes problēmu. NextJS var atrisināt šo problēmu un panākt, ka navigācija pa saiti neizraisītu visas lapas pārlādi. Veiktspējas optimizēšanai tikai mainītā daļa tiks iellādēta caur Ajax.

Lai to izdarītu, saitu vietā mēs izmantosim īpašu komponentu Link. Importēsim to:

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

Pārveidosim mūsu izvēlni, izmantojot šo komponentu:

/src/comps/menu/menu.jsxexport default function Menu() {
  return <>
    <Link href="/">sākums</Link>
    <Link href="/about">par</Link>
    <Link href="/price">cena</Link>
    <Link href="/contacts">kontakti</Link>
  </>;
}