Eleventy (software)

Eleventy (abreviado 11ty ) es un generador de sitios estáticos , un sistema de software para crear sitios web. Es software de código abierto escrito en JavaScript . 11ty destaca por su simplicidad y por su compatibilidad con una gran cantidad de lenguajes de plantillas. En combinación con otras tecnologías, 11ty puede utilizarse como parte de una pila JAM .

11ty fue creada en 2017 por Zach Leatherman. Se inspiró en Jekyll .

El surgimiento de Eleventy coincidió con una mayor adopción de los flujos de trabajo "static-first" y JAMstack, que separan la generación de contenido de la renderización en tiempo de solicitud. La literatura académica y profesional describe un cambio desde los primeros sitios estáticos, pasando por pilas dinámicas basadas en CMS, hasta modelos híbridos que combinan páginas preconstruidas con datos obtenidos mediante API cuando es necesario. ^{[ 3 ] [ 4 ]}

Como todos los generadores de sitios estáticos, el objetivo de Eleventy es permitir al usuario crear documentos HTML de forma más sencilla que escribiéndolos manualmente. Esto resulta especialmente útil para sitios web estáticos de varias páginas, que requieren realizar el mismo cambio en numerosos documentos HTML.

Eleventy utiliza una filosofía de diseño "estático primero", lo que significa que se especializa en crear documentos HTML que no necesitan actualizarse cada vez que un navegador web los visualiza. Si bien Eleventy puede configurarse para ejecutarse en servidores web en el momento de la solicitud —creando páginas web dinámicas— , este no es su propósito principal. ^{[ 5 ]}

Eleventy sigue el modelo de generador de sitios estáticos ^{[ 6 ],} en el que el contenido se precompila a HTML y se sirve sin ejecución en el servidor al momento de la solicitud. Este enfoque de "precompilación" reduce la complejidad del tiempo de ejecución y puede simplificar el mantenimiento de sitios cuyo contenido cambia con poca frecuencia o se crea en Markdown y plantillas. Estudios previos sobre la entrega estática frente a la dinámica señalan que la generación estática mejora la previsibilidad y el rendimiento para el contenido "estático por naturaleza", al tiempo que permite la mejora progresiva en el lado del cliente. ^{[ 7 ]}

Eleventy fue creado por Zach Leatherman, un desarrollador web de Omaha, Nebraska , en 2017. Leatherman se inspiró en Jekyll , escrito en el lenguaje Ruby , para crear un sistema similar en JavaScript . ^{[ 5 ] : 2} Leatherman dice que derivó el nombre "Eleventy" de una historia que le contó su abuela sobre su propia pronunciación incorrecta del número once durante su infancia. ^{[ 8 ]}

11ty se distribuye bajo la licencia MIT . Eleventy fue adquirido por Font Awesome en septiembre de 2024. ^{[ 9 ]} La versión 3.0.0 de 11ty se lanzó en octubre de 2024. ^{[ 10 ]} Entre los usuarios de 11ty se encuentra el gobierno federal de EE. UU. a través de Cloud.gov y el Sistema de Diseño Web de EE . UU. ^{[ 11 ]}

11ty incluye más de 10 motores de plantillas. Estos se pueden usar por separado o en conjunto, lo que le brinda a 11ty la flexibilidad de combinar contenido de varias fuentes o autores. ^{[ 5 ] : 2} Los lenguajes de plantillas compatibles incluyen Markdown , Liquid, Nunjucks y HAML . ^{[ 12 ] : 17}

Los flujos de trabajo documentados para proyectos de sitios estáticos enfatizan la colaboración entre autores de contenido, diseñadores y desarrolladores, incluyendo el control de versiones, la reutilización de plantillas y las compilaciones automatizadas. ^{[ 13 ]} Los estudios e informes de casos de colaboración en sitios estáticos describen prácticas como la creación de contenido con Markdown como primer paso, las compilaciones de vista previa y las canalizaciones de implementación continua; Eleventy se usa comúnmente dentro de estos flujos de trabajo debido a sus mínimos requisitos de tiempo de ejecución y la flexibilidad de sus plantillas. ^{[ 14 ]}

11ty no requiere ningún framework de JavaScript para el front-end ; es "independiente del front-end". ^{[ 5 ] : 3} Al combinar 11ty con un framework de JavaScript que realice la integración de API, los desarrolladores pueden crear una aplicación JAMstack . ^{[ 12 ] : 15–40}

Eleventy incluye un servidor web local para usar durante el desarrollo, que se activa con la --servebandera. Se recarga automáticamente al modificarse los archivos, actualizando el navegador web mientras el desarrollador trabaja. ^{[ 15 ]}

Eleventy también cuenta con numerosos complementos disponibles, aprovechando el enorme ecosistema de JavaScript. Existen complementos como el uso de Sass, que ayudan con la navegación, y un mini servidor de desarrollo.