ssg

La Generación de Sitios Estáticos (SSG), por sus siglas en inglés Static Site Generation, es una metodología de desarrollo web en la que las páginas HTML completas se pre-construyen en tiempo de compilación (build time). Esto significa que, en lugar de generar el contenido de la página en cada solicitud del usuario (como en el renderizado del lado del servidor o SSR), o de dejar que el navegador lo haga (como en el renderizado del lado del cliente o CSR), el servidor ya tiene listos todos los archivos HTML, CSS y JavaScript estáticos.

Cómo funciona:

1. Datos: El contenido puede provenir de diversas fuentes: archivos Markdown, bases de datos, APIs headless CMS, etc.
2. Generador de Sitios Estáticos (SSG): Una herramienta (como Next.js, Gatsby, Hugo o Jekyll) procesa estos datos y plantillas, generando una colección de archivos HTML, CSS y JavaScript estáticos.
3. Despliegue: Estos archivos se despliegan en un servidor web o, más comúnmente, en una Red de Distribución de Contenidos (CDN).

Ventajas clave:

• Rendimiento: Las páginas se cargan increíblemente rápido porque el navegador simplemente descarga archivos estáticos, sin necesidad de procesar lógica compleja en el servidor.
• Seguridad: Al servir archivos estáticos, se reduce la superficie de ataque, ya que no hay una base de datos activa o un servidor que ejecute código dinámico en cada solicitud.
• SEO: Los motores de búsqueda pueden indexar fácilmente el contenido completo de la página, ya que está disponible en el HTML desde el principio.
• Costos: Generalmente, el alojamiento de sitios estáticos es más económico y fácil de escalar.

La SSG es un componente fundamental de la arquitectura JAMstack y es ideal para sitios con contenido que no cambia con mucha frecuencia, como blogs, sitios de documentación o portafolios. Para contenido dinámico que requiere actualizaciones constantes o personalización por usuario, a menudo se combina con CSR o ISR (Incremental Static Regeneration).