Introducing Eleventy, a new Static Site Generator
Eleventy is a new static site generator.
If you’re not familiar with static site generators and their benefits, check out this great Smashing Magazine post: Why Static Site Generators Are The Next Big Thing from @biilmann.
Another static site generator? Yes. But why? Fair question.
Eleventy was created for three reasons:
Templating engine flexibility
Eleventy allows you to mix and match templating engines to allow easy migration of existing content. Your content templates can use a different templating engine than your layout files!
Linda is a web developer that does client work (get that money, Linda). Linda maintains a set of cross-project docs that she delivers alongside her front end components and templates. Linda has coded her docs using the Liquid templating engine in Jekyll. Now Linda has a client that wants her to deliver her components as Mustache templates. Easy. Linda switches from Jekyll to Eleventy because Eleventy can do both side-by-side. Good job, Linda.
|Static Site Generator||staticgen.com Rating||Templating Engine|
Eleventy currently supports:
- Liquid (used by Jekyll)
Directory Structure Flexibility
Eleventy wants to work with your project’s existing directory structure. We don’t require your content files to live in a
_posts directory or a
source folder (unless you want them to). You tell Eleventy where your files are and we’ll work with you.
eleventy will process files in the current directory and output to a
_site folder. Customize this with
Finds files in current directory and outputs to a _site folder
Finds files in src directory and outputs to a _gh_pages folder
eleventy --input=src --output=_gh_pages
Finds files in current directory and outputs to current directory
eleventy --input=. --output=.
I only want to transform one file
Eleventy can work as a small utility function to do one-off files too. This will transform
eleventy --input=README.md --output=.
|Static Site Generator||Language||Module Count|
|Jekyll||Ruby||~140,000 on rubygems.org|
|Hugo||Go||~20,000 on Gopm|
Try it out!
I hope you’ll give Eleventy a try! Install it!
npm install -g @11ty/eleventy
Check out the tutorials on 11ty.dev. Let me know what you like or don’t like about it! I’d love to hear your feedback.
One of the smallest but nicest things you can do for the project is to star it on GitHub. The big giant list of static site generators on staticgen.com is ordered by GitHub stars, so that will help our ranking out a lot. Thank you!