Next.js: como decidir a fronteira entre Server e Client Components

Web Story · NEXT.JS Interatividade, acesso a dados e tamanho do JavaScript ajudam a escolher onde começa cada componente cliente. Publicado em 08 de nov. de 2026

NEXT.JS No App Router, um componente React é renderizado no servidor por padrão. Slide 1 de 4

NEXT.JS Isso permite buscar dados perto da fonte, manter segredos fora do bundle do navegador e enviar HTML já preenchido. Slide 2 de 4

NEXT.JS A diretiva `use client` marca uma fronteira: o módulo e suas dependências passam a fazer parte do grafo de código clien… Slide 3 de 4

NEXT.JS O efeito aparece no tamanho do JavaScript, na hidratação e no que o navegador pode executar. Slide 4 de 4

Continue no artigo

Leitura completa Interatividade, acesso a dados e tamanho do JavaScript ajudam a escolher onde começa cada componente cliente. Abrir matéria completa