Проблема на обикновеното меню в 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 е предвидено решение на този проблем. То ще бъде разгледано в следващия урок.

Задание 1

Уверете се, че преходът по обикновените връзки предизвиква презареждане на страницата.