Em outubro de 2023, foi anunciado a nova versão do Next.js 14 e algumas features bem interessantes para facilitar o trabalho dos desenvolvedores e a experiências dos usuários. Dentre elas duas me chamaram bastante atenção principalmente para quem utiliza o Next.js junto com algum CMS para gestão de conteúdo.
Streaming de Server Rendering Components
O Next.js já permite a renderização dos componentes de UI no servidor, através do SSC (Server Static Components), e isso fez com que a experiência do usuário melhora-se bastante. Pois ao abrir uma página web o navegador já encontra parte dos componentes prontos para ser exibido sem a necessidade de aguardar o processamento desses componentes a cada requisição. Mas essa forma que melhorou a experiência do usuário, tem alguns problemas. E o principal deles é a dificuldade de tornar o conteúdo desses componentes dinâmicos.
É dessa forma que o Streaming Server Rendering auxilia para trabalhar com componentes de conteúdo dinâmicos, causando menos impacto nos scores de performance de SEO das páginas. Dessa forma quando o componente termina de ser renderizado no servidor ele é disponibilizado para o navegador do usuário (algo “parecido” com o lazy loading).
Suspense Components
É bem comum hoje em dia páginas web apresentarem animações em quanto carregam os conteúdos dos sites. Dessa forma a experiência do usuário é menos impactada em quanto os dados são processados. Pensando nisso o Next.js criou um componente chamado Suspense que recebe como propriedade um outro componente com uma estrutura de UI que é exibida em quando a página é carregada.
A equipe do Next.js ainda recomenda o uso do componente Suspense junto com o Streaming Server Rendering, para melhorar a performance do site na perspectiva de SEO.
Outras duas novidades anunciadas no evento para essa nova versão são melhorias no componente de Imagem e a mudança para um novo compilador, o SWC que estaria substituindo o Babel. Mas essas duas novidades eu vou dedicar artigos específicos para eles.
Fontes
Top comments (0)