Engenharia

O que é SSR (Server-Side Rendering)?

SSR é a técnica em que o HTML é gerado no servidor a cada request, em vez de no navegador — melhor pra SEO e first paint.

Em SPA puro (React sem framework), o navegador recebe HTML vazio e monta tudo via JS — pesado, lento, ruim pra SEO. SSR resolve gerando HTML pronto, navegador exibe imediatamente e depois hidrata.

Next.js (App Router), Remix, Nuxt e SvelteKit fazem SSR por padrão. Trade-off: servidor processa mais (custo); benefício: SEO e percepção de velocidade ganham forte.

Perguntas frequentes

SSR vs SSG: qual usar?
SSG (estático) pra conteúdo que não muda por request (blog, marketing); SSR pra dados dinâmicos por usuário (dashboard).
SSR custa mais que SPA?
Sim, em compute server-side. Mas serverless (Vercel, Cloudflare) deixou esse custo muito baixo — vale a pena.