Eleventy

Lesson in the Frontend Developer Roadmap · Stage 29: SSG

Last updated 14 September 2026

What is Eleventy?

Eleventy (11ty) is a flexible static site generator supporting multiple template languages (HTML, Markdown, JavaScript). Creates pages from data sources, adds no client-side JavaScript for fast loading. Highly customizable with useful plugins for navigation and image processing.

Study this in the interactive course See the whole Frontend roadmap

Free resources to learn Eleventy

Official docsEleventy
Official docsA collection of 11ty starters, projects, plugins, and resources
VideoIntroduction to Eleventy

Eleventy: common questions

Can I learn Eleventy in Hindi?

This lesson is written in English. Once you sign in, open it in the interactive course and ask the AI tutor to explain Eleventy in Hindi or Hinglish. The tutor answers from this lesson’s own text, so it stays on the syllabus, and it runs on your own Google, OpenAI or Anthropic key.

Is this Eleventy tutorial for beginners?

It is lesson 95 of 120 in the free Frontend roadmap, in stage 29, SSG. If you are new to Frontend, start from stage 1 and come back here in order; if you already know the earlier stages, this lesson stands on its own.