Napredni meni v NextJS

V prejšnji lekciji smo razpravljali o težavi menija z navadnimi povezavami. NextJS lahko reši to težavo in poskrbi, da premikanje po povezavi ne povzroči ponovnega nalaganja céle strani. Za optimizacijo zmogljivosti se bo prek Ajax-a naložil le spremenjeni del.

Za to namesto povezav uporabimo posebno komponento Link. Uvažamo jo:

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

Predelajmo naš meni s to komponento:

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