Componentes de Servidor

Os Componentes de Servidor (mais notavelmente React Server Components) são um paradigma onde componentes específicos de UI têm a garantia de serem executados apenas no servidor. Eles não enviam nenhum de seus próprios JavaScripts para o navegador. Eles podem acessar bancos de dados e APIs de backend diretamente, e passam dados serializados ou HTML para os Client Components (Componentes de Cliente) padrão.

Por Que Importa

Historicamente, se um componente precisava de uma biblioteca grande (como um analisador markdown ou um formatador de data), toda essa biblioteca tinha que ser enviada para o navegador do usuário. Os Componentes de Servidor permitem que você execute essa biblioteca pesada no servidor, enviando apenas a string HTML resultante pela rede. Isso reduz drasticamente os tamanhos dos pacotes do lado do cliente.

Componentes de Servidor vs. Renderização no Lado do Servidor (SSR)

• SSR: O servidor renderiza o HTML inicial para um componente, mas o código do componente ainda é enviado para o navegador para que ele possa ser hidratado e gerenciar seu próprio estado.
• Componentes de Servidor: O servidor renderiza o componente em um formato serializado especial. O código do componente nunca é enviado ao navegador. O componente não pode usar estado do lado do cliente (como useState) ou APIs do navegador (como window).

Conceitos Relacionados

• Leia o guia completo: Desempenho Web como Arquitetura
• Veja também: Estratégia de Renderização, Hidratação