Eleventy is one of the most popular open-source static site generators. With its amazing speed and flexibility, Eleventy makes building websites fun again.
Eleventy is a static HTML and CSS website generator that runs in Node.js environment. It is optimized for speed, ease of use, and configurability. Eleventy takes a directory with content and templates and renders them into a full HTML website.
Eleventy support wide variety of templating language such as HTML, Markdown, JavaScript, Nunjucks, Liquid, Handlebars, Mustache, EJS, HAML and Pug. You can even create a your own template languages. This is the one of the powerful features of the Eleventy, you don't need to change your stack and it's mostly available on Eleventy via custom plugin.
Eleventy also extensible via a Plugins. Here is a list of official plugins:
| Plugin | Description |
|---|---|
| Edge | A plugin to run Eleventy in an Edge Function to add dynamic content to your Eleventy sites. |
| Serverless | A plugin to run Eleventy in a serverless function for server side rendering |
| Image | A utility to resize and generate images |
| Fetch | A utility to fetch and cache network requests |
Partial Hydration <is-land> |
A plugin to smartly and efficiently add client-side components to your web site |
| Render | A plugin to add shortcodes to render an Eleventy template string (or file) inside of another template |
| RSS | Generate an Atom feed to allow others to subscribe to your content using a feed reader. |
| Internationalization (i18n) | Utilities to manage pages and linking between localized content on Eleventy projects |
| Syntax Highlighting | Code syntax highlighting using PrismJS without client-side JavaScript |
| Navigation | A plugin for creating hierarchical navigation in Eleventy projects |
HTML <base> |
Emulate the <base> element by adding a prefix to all URLs in .html output files |
| Directory Output | A plugin to group and sort console output by directory, with file size and benchmarks |
| Inclusive Language | A plugin to check for inclusive language in markdown files |
Get more information about Eleventy here.
