O problema do menu comum no NextJS

Na lição anterior, nós criamos um menu com links comuns:

/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>
  </>;
}

Agora vamos discutir alguns problemas associados a isso. O fato é que a navegação pelos links deste menu resulta no recarregamento de toda a página. Isso é correto do ponto de vista de SEO, mas não é muito ideal do ponto de vista de desempenho. O problema é que ao recarregar a página, nós baixamos novamente todo o layout do site, embora apenas o conteúdo tenha mudado. O ideal seria baixar apenas o conteúdo da página.

O NextJS oferece uma solução para este problema. Vamos examiná-la na próxima lição.