Lesson 5—Introducing 11ty

In this section, we will learn:

Multiple files: Pain points

Solution: Static site generators

Static Site Generator, a.k.a.SSG, compiles the given files and templates into static outputs.

Choosing static site generators

There are many static site generators. Each comes with its own characteristics and pros & cons.

You can find a list of Static Site Generators in the StaticGen.com

Here is a quick list of few popular SSGs:

Our choice here is 11ty. It is easy and flexible.


Build command: npx @11ty/eleventy

Publish directory: _site

Layout file: /_includes/layout.html

Content block: {{content}}

Using layout:

layout: layout.html

Content goes here.