Eleventy (software)

Last updated
Eleventy
Other names11ty
Developer(s) Zach Leatherman
Initial releaseDecember 20, 2017;7 years ago (2017-12-20) [1]
Stable release
3.0.0 [2] / 1 October 2024;3 months ago (1 October 2024)
Repository
Written in JavaScript
Operating system Cross-platform
Platform Web
Type Blog publishing system
License MIT License
Website www.11ty.dev OOjs UI icon edit-ltr-progressive.svg

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.

Contents

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

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. [3] : 2 

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. [3] : 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. [4]

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

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

Features

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. [3] : 2  Template languages supported include Markdown, Liquid, Nunjucks and HAML. [7] : 17 

No front-end JavaScript framework is assumed by 11ty; it is "frontend agnostic." [3] : 3  By combining 11ty with a JavaScript framework performing API integration, developers may form a Jamstack application. [7] : 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. [8]

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.

Related Research Articles

Server-side scripting is a technique used in web development which involves employing scripts on a web server which produces a response customized for each user's (client's) request to the website. Scripts can be written in any of a number of server-side scripting languages that are available. Server-side scripting is distinguished from client-side scripting where embedded scripts, such as JavaScript, are run client-side in a web browser, but both techniques are often used together. The alternative to either or both types of scripting is for the web server itself to deliver a static web page.

Web development is the work involved in developing a website for the Internet or an intranet. Web development can range from developing a simple single static page of plain text to complex web applications, electronic businesses, and social network services. A more comprehensive list of tasks to which Web development commonly refers, may include Web engineering, Web design, Web content development, client liaison, client-side/server-side scripting, Web server and network security configuration, and e-commerce development.

<span class="mw-page-title-main">Dynamic web page</span> Type of web page

A dynamic web page is a web page constructed at runtime, as opposed to a static web page, delivered as it is stored.

A web framework (WF) or web application framework (WAF) is a software framework that is designed to support the development of web applications including web services, web resources, and web APIs. Web frameworks provide a standard way to build and deploy web applications on the World Wide Web. Web frameworks aim to automate the overhead associated with common activities performed in web development. For example, many web frameworks provide libraries for database access, templating frameworks, and session management, and they often promote code reuse. Although they often target development of dynamic web sites, they are also applicable to static websites.

<span class="mw-page-title-main">Google Web Toolkit</span> Free Java library

Google Web Toolkit, or GWT Web Toolkit, is an open-source set of tools that allows web developers to create and maintain JavaScript front-end applications in Java. It is licensed under Apache License 2.0.

Google Developers is Google's site for software development tools and platforms, application programming interfaces (APIs), and technical resources. The site contains documentation on using Google developer tools and APIs—including discussion groups and blogs for developers using Google's developer products.

<span class="mw-page-title-main">Web template system</span> System in web publishing

A web template system in web publishing allows web designers and developers to work with web templates to automatically generate custom web pages, such as the results from a search. This reuses static web page elements while defining dynamic elements based on web request parameters. Web templates support static content, providing basic structure and appearance. Developers can implement templates from content management systems, web application frameworks, and HTML editors.

A static web page, sometimes called a flat page or a stationary page, is a web page that is delivered to a web browser exactly as stored, in contrast to dynamic web pages which are generated by a web application.

jQuery is a JavaScript library designed to simplify HTML DOM tree traversal and manipulation, as well as event handling, CSS animations, and Ajax. It is free, open-source software using the permissive MIT License. As of August 2022, jQuery is used by 77% of the 10 million most popular websites. Web analysis indicates that it is the most widely deployed JavaScript library by a large margin, having at least three to four times more usage than any other JavaScript library.

JSDoc is a markup language used to annotate JavaScript source code files. Using comments containing JSDoc, programmers can add documentation describing the application programming interface of the code they're creating. This is then processed, by various tools, to produce documentation in accessible formats like HTML and Rich Text Format. The JSDoc specification is released under CC BY-SA 3.0, while its companion documentation generator and parser library is free software under the Apache License 2.0.

This is a comparison of web frameworks for front-end web development that are reliant on JavaScript code for their behavior.

A single-page application (SPA) is a web application or website that interacts with the user by dynamically rewriting the current web page with new data from the web server, instead of the default method of loading entire new pages. The goal is faster transitions that make the website feel more like a native app.

<span class="mw-page-title-main">Vaadin</span> Web development platform written in Java

Vaadin is an open-source web application development platform for Java. Vaadin includes a set of Web Components, a Java web framework, and a set of tools that enable developers to implement modern web graphical user interfaces (GUI) using the Java programming language only, TypeScript only, or a combination of both.

<span class="mw-page-title-main">Opa (programming language)</span> Programming language for developing scalable web applications

Opa is a programming language for developing scalable web applications. It is free and open-source software released under a GNU Affero General Public License (AGPLv3), and an MIT License.

<span class="mw-page-title-main">Snap (web framework)</span> Web development framework in Haskell

Snap is a web framework for developing web applications written in the functional programming language Haskell.

Web Components are a set of features that provide a standard component model for the web allowing for encapsulation and interoperability of individual HTML elements. Web Components are a popular approach when building microfrontends.

React is a free and open-source front-end JavaScript library that aims to make building user interfaces based on components more "seamless". It is maintained by Meta and a community of individual developers and companies.

Static site generators (SSGs) are software engines that use text input files to generate static web pages. Unlike dynamic websites, these static pages do not change based on the request. This simplifies the requirements for the backend and allows the site to be distributed via content delivery networks (CDN)s. The simple design also makes it harder for attackers to modify the website due to the smaller attack surface of these relatively simple backends. Some of the most popular static site generators are Jekyll, Hugo, Eleventy, Gatsby, and Next.js, SSGs are typically for rarely-changing, informative content, such as product pages, news articles, software documentation, and blogs.

<span class="mw-page-title-main">Vue.js</span> Open-source JavaScript library for building user interfaces

Vue.js is an open-source model–view–viewmodel front end JavaScript framework for building user interfaces and single-page applications. It was created by Evan You and is maintained by him and the rest of the active core team members.

Next.js is an open-source web development framework created by the private company Vercel providing React-based web applications with server-side rendering and static rendering.

References

  1. ↑ "Release v0.1.0 · 11ty/eleventy". GitHub . Retrieved 16 October 2024.
  2. ↑ "Eleventy v3.0.0: Possums ❤️ ESM". 1 October 2024. Retrieved 16 October 2024.
  3. 1 2 3 4 Robinson, Bryan (2023). Eleventy by Example: Create Powerful, Performant Websites with a Static-first Strategy. Packt Publishing. ISBN   9781804618622.
  4. ↑ Leatherman, Zach (November 26, 2018). "Happy Birthday Eleventy!". ZachLeat.com.
  5. ↑ "Site Templates". Cloud.gov.
  6. ↑ "Eleventy v3.0.0". GitHub.
  7. 1 2 Camden, Raymond; Rinaldi, Brian (2022). The Jamstack Book: Beyond Static Sites with JavaScript, APIs, and Markup. Manning. ISBN   9781617298882. OCLC   1319833583.
  8. ↑ Eckles, Stephanie (March 24, 2021). "A Deep Dive Into Eleventy Static Site Generator". Smashing Magazine.
This page is based on this Wikipedia article
Text is available under the CC BY-SA 4.0 license; additional terms may apply.
Images, videos and audio are available under their respective licenses.