Top Qs
Timeline
Chat
Perspective

Eleventy (software)

Static site generator, a software system for creating websites From Wikipedia, the free encyclopedia

Remove ads

Eleventy (abbreviated 11ty) is a static site generator, a software system for creating websites. It is open source software written in JavaScript. 11ty is noted for its simplicity, and for its support of a large number of template languages. Paired with other technologies, 11ty can be used as part of a Jamstack.

Quick facts Other names, Developer ...

11ty was created in 2017 by Zach Leatherman. It was inspired by Jekyll.

Eleventy’s emergence coincided with wider adoption of “static-first” and JAMstack workflows that separate content generation from request-time rendering. Academic and practitioner literature describes a shift from early static sites, through dynamic CMS-driven stacks, to hybrid models that combine prebuilt pages with API-fetched data when needed.[3][4]

Remove ads

Purpose

Like all static site generators, the purpose of Eleventy is to allow the user to create HTML documents more simply than by typing out the documents by hand. This is of particular value for multi-page static websites, which require making the same change to many HTML documents.

Eleventy uses a "static first" design philosophy, meaning that it specializes in creating HTML documents that do not need to be refreshed or updated each time they are viewed by a web browser. Although Eleventy may be configured to run on web servers at request time creating dynamic web pages this is not its primary purpose.[5]

Eleventy follows the static-site-generator model [6]in which content is precompiled to HTML and served without server-side execution at request time. This “prebuild” approach reduces runtime complexity and can simplify maintenance for sites whose content changes infrequently or is authored in markdown and templates. Prior surveys of static vs. dynamic delivery note that static generation improves predictability and performance for “static-by-nature” content while allowing progressive enhancement on the client side.[7]

Remove ads

History

Eleventy was created by Zach Leatherman, a web developer in Omaha, Nebraska, in 2017. Leatherman was inspired by Jekyll, which is written in the Ruby language, to create a similar system in the JavaScript language.[5]:2 Leatherman says he derived the name "Eleventy" from a story told to him, by his grandmother, about his own childhood mispronunciation of the number eleven.[8]

Among the users of 11ty is the US federal government via Cloud.gov and the US Web Design System.[9]

11ty is distributed under the MIT License. Version 3.0.0 of 11ty was released in October, 2024.[10]

Remove ads

Features

Summarize
Perspective

11ty comes with more than 10 templating engines. These may be used separately or together, giving 11ty flexibility to combine content from several sources or authors.[5]:2 Template languages supported include Markdown, Liquid, Nunjucks and HAML.[11]:17

Documented workflows for static-site projects emphasize collaboration across content authors, designers and developers, including version control, template reuse and automated builds.[12] Studies and case reports of static-site collaboration outline practices such as markdown-first authoring, preview builds, and continuous deployment pipelines; Eleventy is commonly used within these workflows due to its minimal runtime assumptions and template flexibility.[13]

No front-end JavaScript framework is assumed by 11ty; it is "frontend agnostic."[5]:3 By combining 11ty with a JavaScript framework performing API integration, developers may form a Jamstack application.[11]:15–40

Eleventy includes a local web server for use during development, activated with the --serve flag. It "hot-reloads" upon file changes, updating the web browser as the developer works.[14]

Eleventy also has many plugins available, taking advantage of the huge JavaScript ecosystem, there are plugins such as using Sass, helping with navigation, and a mini dev server.

References

Loading related searches...

Wikiwand - on

Seamless Wikipedia browsing. On steroids.

Remove ads