Share to: share facebook share twitter share wa share telegram print page

 

Generador de sitios estáticos

Los generadores de sitios estáticos (SSG, static site generators) son motores 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 no requieren un backend después de la generación del sitio, lo cual hace que sean altamente eficientes con el uso de las redes de distribución de contenido (CDN). Algunos de los generadores de sitios estáticos más populares son Jekyll, Hugo, Next.js (JavaScript). [2][3]​ Los SSG suelen utilizarse para contenidos informativos que se actualizan con poca frecuencia, como páginas de productos, sitios web de noticias, documentación (de software), manuales 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 un formato de texto plano, como Markdown o reStructuredText, o en un metaformato estructural como JSON o XML. Un único archivo de texto plano puede corresponder a una única página web, mientras que un único metaarchivo estructural puede dar como resultado un sitio web completo a través de un framework SPA como Angular. La configuración de las variables del sitio web se almacena en un archivo de configuración de texto plano _config.yml (YAML), _config.toml (TOML) o _config.json (JSON). Las páginas también suelen comenzar con un preámbulo YAML, TOML o JSON para definir variables como título, enlace permanente, fecha, etc. Archivos con nombres que comienzan con un guion bajo (_) como _index.md (a diferencia de index.md ) se consideran plantillas o arquetipos y, por lo tanto, no se representan como páginas propiamente dichas.

Ejemplos

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

Etiqueta/nombre del sistema Idioma Notas
Jekyll Ruby Utiliza el lenguaje de plantillas Liquid. [4]
Hugo Go Utiliza Go templates y su principal atractivo es su alta velocidad a la hora de compilar. [4]
Next.js JavaScript Utiliza las plantillas de React. [4]
Pelican Python Utiliza plantillas Jinja2. [4]​ Compila HTML desde reStructuredText o Markdown.
Astro JavaScript Utiliza la sintaxis .astro de forma predeterminada (familiar a HTML o JSX). Admite múltiples frameworks: Svelte, React, Preact, Vue, SolidJS, Lit, AlpineJS. Compila HTML desde Markdown o MDX. [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 contenidos, como Vignette, pero no se considera generación fuera del 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 software externo, como Wget. [5]

Las páginas dinámicas del lado del servidor generadas a partir de plantillas se empezaron a usar con software preexistente adaptado para esta tarea:: los preprocesadores y lenguajes de macros, adaptados para el uso web, ejecutándose en CGI. Después, una tecnología simple pero relevante fue la ejecución directa realizada sobre módulos de extensión, iniciada con SSI.

Referencias

  1. «What is a Static Site Generator? How do I find the best one to use?». Netlify (en inglés). Archivado desde el original el 18 de septiembre de 2022. Consultado el 18 de septiembre de 2022. 
  2. «What Is a Static Site Generator, and How Can It Help Your Website Creation Process?». TeleportHQ (en inglés). 15 de diciembre de 2021. Archivado desde el original el 18 de septiembre de 2022. Consultado el 18 de septiembre de 2022. 
  3. CloudFlare (18 de septiembre de 2022). «What is a static site generator?». Archivado desde el original el 18 de septiembre de 2022. Consultado el 18 de septiembre de 2022. 
  4. a b c d e f «Static Site Generators - Top Open Source SSGs | Jamstack». Jamstack.org (en inglés). Archivado desde el original el 18 de septiembre de 2022. Consultado el 18 de septiembre de 2022. 
  5. «Static Site Generator». Gatsby (en inglés). Archivado desde el original el 18 de septiembre de 2022. Consultado el 18 de septiembre de 2022. 
Kembali kehalaman sebelumnya


Index: pl ar de en es fr it arz nl ja pt ceb sv uk vi war zh ru af ast az bg zh-min-nan bn be ca cs cy da et el eo eu fa gl ko hi hr id he ka la lv lt hu mk ms min no nn ce uz kk ro simple sk sl sr sh fi ta tt th tg azb tr ur zh-yue hy my ace als am an hyw ban bjn map-bms ba be-tarask bcl bpy bar bs br cv nv eml hif fo fy ga gd gu hak ha hsb io ig ilo ia ie os is jv kn ht ku ckb ky mrj lb lij li lmo mai mg ml zh-classical mr xmf mzn cdo mn nap new ne frr oc mhr or as pa pnb ps pms nds crh qu sa sah sco sq scn si sd szl su sw tl shn te bug vec vo wa wuu yi yo diq bat-smg zu lad kbd ang smn ab roa-rup frp arc gn av ay bh bi bo bxr cbk-zam co za dag ary se pdc dv dsb myv ext fur gv gag inh ki glk gan guw xal haw rw kbp pam csb kw km kv koi kg gom ks gcr lo lbe ltg lez nia ln jbo lg mt mi tw mwl mdf mnw nqo fj nah na nds-nl nrm nov om pi pag pap pfl pcd krc kaa ksh rm rue sm sat sc trv stq nso sn cu so srn kab roa-tara tet tpi to chr tum tk tyv udm ug vep fiu-vro vls wo xh zea ty ak bm ch ny ee ff got iu ik kl mad cr pih ami pwn pnt dz rmy rn sg st tn ss ti din chy ts kcg ve 
Prefix: a b c d e f g h i j k l m n o p q r s t u v w x y z 0 1 2 3 4 5 6 7 8 9