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