Creación y alojamiento de un sitio: Parte 3 — Generadores estáticos (Hugo) y GitHub Pages

El tercer modo de crear un sitio es mediante un generador estático. Los más conocidos son Hugo, Jekyll y Astro. Este método requiere conocimientos técnicos, pero ofrece un sitio rápido, seguro y económico de mantener.

Cómo funciona un generador estático

El generador toma los textos (normalmente en formato Markdown), las plantillas de diseño y archivos como imágenes y estilos, y los compila en archivos HTML, CSS y JavaScript listos. El servidor los entrega al visitante tal cual, sin regenerar la página en cada solicitud, como hace una CMS. El sitio resultante se puede alojar en cualquier servicio de hosting, incluso gratuito, por ejemplo en GitHub Pages.

Ventajas

• Velocidad. Las páginas están compiladas de antemano, por lo que se cargan rápidamente. Esto es importante tanto para los visitantes como para los motores de búsqueda.
• Seguridad. En el servidor no hay base de datos, código del lado del servidor ni plugins a través de los cuales normalmente se hackean los sitios.
• Bajo costo. Los archivos estáticos casi no cargan el servidor, y para sitios pequeños existe alojamiento gratuito.
• Control de versiones. El sitio se almacena en un repositorio Git: cada cambio queda registrado en el historial, se puede revertir y es cómodo trabajar de forma colaborativa.
• Facilidad de mantenimiento. No es necesario actualizar una CMS, base de datos ni plugins.

Desventajas

• Alta barrera de entrada. Hay que saber trabajar con la línea de comandos, Git y un editor de texto.
• No hay panel de administración. El contenido y la configuración se guardan en archivos de texto, lo que resulta incómodo para personas sin preparación técnica.
• Interactividad limitada. Para comentarios, formularios de contacto y búsqueda se necesitan servicios externos (por ejemplo, Formspree para formularios) o soluciones dedicadas.
• Complicaciones para equipos. Si en el sitio trabajan autores que no están dispuestos a aprender Markdown y Git, habrá que simplificarles el proceso de publicación.

Alojamiento gratuito

• Hosting. GitHub Pages y GitLab Pages alojan sitios estáticos de forma gratuita y permiten conectar un dominio propio. En el plan gratuito, GitHub Pages funciona solo con repositorios públicos; el tamaño del sitio está limitado a 1 GB y el tráfico a aproximadamente 100 GB al mes. Las normas de GitHub prohíben usar Pages como hosting gratuito para una tienda en línea u otro sitio destinado principalmente a transacciones comerciales.
• Programas. Los propios generadores son software libre.
• Temas. Para los generadores populares existe una gran cantidad de temas gratuitos.

Habilidades necesarias y dificultad

• Habilidades:
  • trabajar con la línea de comandos;
  • nociones básicas de Git y uso de GitHub o GitLab;
  • Markdown para redactar los textos;
  • conocimientos básicos de HTML y CSS para ajustar la plantilla;
  • entender cómo se construye y publica el sitio.
• Dificultad — alta para un principiante y moderada para un programador, administrador de sistemas o ingeniero DevOps. Para un emprendedor sin preparación técnica, este camino probablemente le resultará demasiado laborioso.

Un generador estático es adecuado para un blog, documentación, un sitio personal o una página de aterrizaje, donde son importantes la velocidad, la seguridad y los bajos costos.