¿Cómo eliges entre generación estática, renderizado en servidor y renderizado en cliente para una página concreta?

Elige según lo personal y lo fresco que sea el contenido. Generación estática para contenido igual para todo el mundo, ya que se sirve directo desde una CDN. Renderizado en servidor cuando la página depende de la petición, como un panel con sesión iniciada, y aun así necesitas un primer pintado rápido o que sea rastreable. Renderizado en cliente para las partes interactivas tras la autenticación donde el primer pintado no es una métrica de negocio. La mayoría de las apps reales mezclan las tres por ruta.

Decido por ruta, con dos preguntas: es igual para todos los usuarios y cuánto puede estar desactualizado. Páginas de marketing, documentación, cualquier cosa rastreable y compartida, eso es estático, revalidado según un calendario o al publicar, así que se sirve desde el edge y no hay nada que pueda ir lento. Un panel con sesión iniciada va renderizado en servidor, porque depende de la petición y quiero que el primer pintado contenga datos reales y no un esqueleto con forma de ruedita. Las superficies interactivas profundas tras la autenticación, como un editor de arrastrar y soltar, me parece bien renderizarlas en cliente porque nadie está midiendo su LCP. La parte que la gente subestima es el coste. Estático significa ser dueño de la invalidación, y yo he entregado un precio desactualizado alguna vez. Renderizar en servidor significa que mi tiempo hasta el primer byte ahora es problema de mi base de datos, así que necesita caché y un presupuesto de tiempo de espera. Así que suelo acabar con armazones estáticos, secciones de datos renderizadas en servidor y transmitidas, e interactividad de cliente solo donde se gana su bundle.