O problema do menu comum no NextJS
Na lição anterior, nós criamos um menu com links comuns:
export 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.
Verifique se a navegação por links comuns causa o recarregamento da página.
