Проблема обычного меню в NextJS
В предыдущем уроке мы сделали меню из обычных ссылок:
export 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 предусмотрено решение этой проблемы. Его мы рассмотрим в следующем уроке.
Убедитесь, что переход по обычным ссылкам вызывает перезагрузку страницы.
