stringtranslate.com

Generador de sitios estáticos

Los generadores de sitios estáticos (SSG) son motores de software que utilizan archivos de entrada de texto (como Markdown , reStructuredText , AsciiDoc y JSON ) para generar páginas web estáticas . [1] Los sitios estáticos generados por generadores de sitios estáticos no requieren un backend después de la generación del sitio, lo que los convierte en ciudadanos de primera clase en las redes de entrega de contenido (CDN). Algunos de los generadores de sitios estáticos más populares son Jekyll , Hugo , Eleventy , Gatsby y Next js , [2] [3] Los SSG suelen ser para contenido informativo que rara vez cambia, como páginas de productos, artículos de noticias, documentación de software y blogs.

Arquitectura

Los SSG suelen consistir en una plantilla escrita en HTML con un sistema de plantillas, como Liquid (Jekyll) o Go template (Hugo). La misma estructura (normalmente un repositorio Git ) incluye contenido en formato de texto sin formato, como Markdown o reStructuredText , o en un formato meta estructural, como JSON o XML . Un único archivo de texto sin formato puede corresponder a una única página web. Alternativamente, un único archivo de metadatos estructurales puede corresponder a un sitio web completo si se utiliza un marco de aplicación de una sola página como AngularJS . Las configuraciones de las variables del sitio web se almacenan en un archivo de configuración de texto sin formato _config.yml( YAML ), _config.toml( TOML ) o _config.json( JSON ). Los archivos de página normalmente también comienzan con un preámbulo YAML, TOML o JSON para definir variables como el título, el enlace permanente o la fecha. Los archivos con nombres que comienzan con un guión bajo ( _) como _index.md(a diferencia de index.md) se consideran plantillas o arquetipos y, por lo tanto, no se representan como páginas en sí.

Ejemplos

Se ha documentado la existencia de varios cientos de SSG, y la gran mayoría están escritos en lenguajes que ya son importantes en la web, como Python, Go, JavaScript y TypeScript. [4]

Comparación con sistemas del lado del servidor

Sistema de plantillas del lado del servidor

Muchos sistemas de plantillas del lado del servidor tienen una opción para publicar páginas de salida en el servidor, donde las páginas publicadas son estáticas . Esto es común en los sistemas de gestión de contenido , como Vignette , pero no se considera una generación externa al servidor. En la mayoría de los casos, esta "opción de publicación" no interfiere con el sistema de plantillas y puede realizarse mediante un software externo, como Wget . [5]

La gente empezó a utilizar páginas dinámicas del lado del servidor generadas a partir de plantillas con software preexistente adaptado para esta tarea. Este software primigenio eran los preprocesadores y lenguajes de macros , adaptados para el uso web, que se ejecutaban sobre CGI . A continuación, una tecnología sencilla pero relevante fue la ejecución directa realizada sobre módulos de extensión, iniciada con SSI .

Referencias

  1. ^ "¿Qué es un generador de sitios estáticos? ¿Cómo puedo encontrar el mejor para usar?". Netlify . Archivado desde el original el 2022-09-18 . Consultado el 2022-09-18 .
  2. ^ "¿Qué es un generador de sitios estáticos y cómo puede ayudar en el proceso de creación de su sitio web?". TeleportHQ . 2021-12-15. Archivado desde el original el 2022-09-18 . Consultado el 2022-09-18 .
  3. ^ "¿Qué es un generador de sitios estáticos?". 2022-09-18. Archivado desde el original el 2022-09-18 . Consultado el 2022-09-18 .
  4. ^ abcdefg "Generadores de sitios estáticos: los mejores generadores de sitios web de código abierto | Jamstack". Jamstack.org . Archivado desde el original el 2022-09-18 . Consultado el 2022-09-18 .
  5. ^ "Generador de sitios estáticos". Gatsby . Archivado desde el original el 2022-09-18 . Consultado el 2022-09-18 .

Enlaces externos