Como você escolhe entre geração estática, renderização no servidor e renderização no cliente para uma dada página?

Escolha pelo quão pessoal e quão fresco é o conteúdo. Geração estática para conteúdo igual para todo mundo, já que serve direto de uma CDN. Renderização no servidor quando a página depende da requisição, como um dashboard logado, e você ainda precisa de primeiro paint rápido ou de ser rastreável. Renderização no cliente para partes interativas atrás de autenticação em que o primeiro paint não é métrica de negócio. A maioria das apps reais mistura as três por rota.

Decido por rota, usando duas perguntas: isso é igual para todo usuário, e quão desatualizado pode ficar. Páginas de marketing, documentação, qualquer coisa rastreável e compartilhada, isso é estático, revalidado por agendamento ou na publicação, então é servido da borda e não há nada para ser lento. Um dashboard logado é renderizado no servidor, porque depende da requisição e quero que o primeiro paint contenha dado real em vez de um esqueleto em formato de spinner. Superfícies interativas profundas atrás de autenticação, como um editor de arrastar e soltar, eu renderizo no cliente sem problema já que ninguém mede o LCP delas. A parte que as pessoas subestimam é o custo. Estático significa ser dono da invalidação, e eu já entreguei um preço desatualizado. Renderizar no servidor significa que meu time to first byte agora é problema do meu banco de dados, então precisa de cache e de um orçamento de timeout. Então normalmente acabo com cascas estáticas, seções de dados renderizadas no servidor chegando por streaming, e interatividade no cliente só onde ela justifica o bundle.