VoltarNextJS e seus Server Side Componentes

Fala pessoal, nesse artigo gostaria de falar um pouco sobre a tecnologia NextJS e os benefícios que ela nos traz, nessa primeira parte gostaria de falar sobre um dos principais atrativos da tecnologia. Lembrando que todo conteúdo é baseado na documentação oficial, traduzido e redigido por mim.

- Fetching de dados: Os componentes do lado do servidor permitem que nossa aplicacao faça menos requests, de uma maneira que os mesmos estejam ainda mais perto do servidor, diminuindo o tempo de resposta e aumentando nossa performance.
- Segurança: Além disso, os componentes que são renderizados no servidor, nos permitem mais segurança, deixando API Keys, Tokens e requests com dados sensiveis inacessiveis ao client side, deixando nossa aplicacao muito mais segura.
- Cacheamento: Fazendo o render dos nossos componentes no servidor faz nososs componentes terem cacheamento por padrão, isso nos ajuda a reutilizar requests que demorariam muito ou componentes que tem uma carga de dados muito grande. Obviamente isso reduz muito o custo da nossa aplicacao e aumenta muito nossa performance.
- Tamanho das Cargas: Os Componentes do Servidor ajudam a deixar partes pesadas que normalmente iriam para o computador ou celular do usuário, diretamente no servidor. Isso é bom para usuários com internet lenta ou aparelhos menos modernos, pois eles não precisam baixar e processar tantas informações para esses Componentes do Servidor.
- Carregamento Inicial da Página e [Primeira Pintura na Tela (FCP): No servidor, criamos o HTML necessário para que os usuários vejam a página imediatamente, sem precisar esperar o cliente baixar e processar o JavaScript.
- SEO e Compartilhamento nas Redes Sociais: O HTML renderizado pode ser utilizado pelos bots dos buscadores pra indexar suas páginas, bem como pelos bots de redes sociais para gerar pré-visualizações para suas páginas.
- Streaming: A tecnologia de renderizacao no server side nos permite também carregar pedaços do nosso conteudo em partes, isso é, ir disponibilizando partes da aplicação na medida que elas vao ficando prontas, isso pode nos beneficiar por exemplo em videos, lives, e aplicações de grande porte.

Esses são alguns dos beneficios dos RSC (React Server Components) no NextJS, uma tecnologia da qual gosto muito e conhecimento a compartilhar, fiquem ligados para mais partes!