Напредно мени у 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>
  </>;
}