Site estático ou SPA: qual escolher

Qual a diferença prática entre os dois

Renderização estática gera o HTML de cada página no momento da publicação; o visitante recebe a página pronta. Uma SPA entrega um HTML quase vazio e monta o conteúdo no navegador, o que exige baixar, compilar e executar código antes de qualquer texto aparecer na tela.

A diferença aparece exatamente onde importa: no que existe na primeira resposta do servidor.

Critério	Renderização estática	SPA
Conteúdo no HTML inicial	sim	não
Tempo até o conteúdo aparecer	imediato	depende do JavaScript
Custo de servidor	mínimo, arquivos prontos	baixo, mas com mais processamento no cliente
Manutenção	simples	maior, com estado no cliente
Conteúdo que muda a cada acesso	inadequado	adequado

Qual é melhor para ser encontrado

Renderização estática, sem empate. Buscadores renderizam JavaScript em uma segunda passagem, com fila e atraso; rastreadores de motores generativos em geral não renderizam nada. Uma SPA entrega a eles uma casca, e o que não está no HTML não existe para esse consumidor.

Para quem depende de ser achado, essa diferença não é de grau. É de existir ou não existir.

Qual sai mais barato

Renderização estática, na maioria dos cenários. Arquivos prontos custam pouco para servir e quase nada para escalar. A SPA transfere o custo para o aparelho do visitante, o que não aparece na fatura e aparece na taxa de abandono em celular intermediário.

A exceção é o conteúdo que muda a cada acesso e não pode ser pré-gerado: aí a comparação muda, porque a estática deixa de ser aplicável.

Dá para usar os dois no mesmo projeto

Dá, e costuma ser a resposta certa. O site público — páginas de conteúdo, serviços, institucional — é pré-renderizado; a área autenticada é uma aplicação dinâmica. As duas convivem no mesmo repositório, separadas por rota, cada uma com o modelo que lhe serve.

Essa é, aliás, a arquitetura dos sites que entregamos: público estático, painel dinâmico. O guia de GEO explica por que a parte pública não pode abrir mão disso.