Проблема обычного меню в NextJS

В предыдущем уроке мы сделали меню из обычных ссылок:

/src/comps/menu/menu.jsxexport default function Menu() {
  return <>
    <a href="/">home</a>
    <a href="/about">about</a>
    <a href="/price">price</a>
    <a href="/contacts">contacts</a>
  </>;
}

Давайте теперь обсудим некоторые проблемы, связанные с этим. Дело в том, что переход по ссылкам этого меню приводит к перезагрузке всей страницы. Это правильно с точки зрения SEO, но не очень оптимально с точки зрения производительности. Дело в том, что при перезагрузке страницы мы опять скачиваем весь макет сайта, хотя в нем меняется только контент. Оптимальные было бы скачивать только контент страницы.

В NextJS предусмотрено решение этой проблемы. Его мы рассмотрим в следующем уроке.