An intro to Eleventy

Static Site generation made fun again!

Luciano Mammino (@loige)


Static Site generators... wait, what?!

content & templates

static HTML pages & assets

This is the core of a static site generator!

What are we talking about? I need examples!

A programming blog

A recipes website

A movie reviews website

A photo book

An online portfolio

A podcast website


And even single-page applications!

Let me introduce myself...

I'm Lucianoย (๐Ÿ‡ฎ๐Ÿ‡น๐Ÿ•๐Ÿ) ๐Ÿ‘‹

Principal Software Engineer at FabFitFun (Dublin) ๐Ÿ‘จโ€๐Ÿ’ป

Lived in Cork for 1 year (2015)! ๐Ÿป

Co-Author of Node.js Design Patternsย  ๐Ÿ‘‰

Connect with me:

ย (blog)

ย  @loige (twitter)

ย  lmammino (github)

Some static sites I built


A Java API client!

Why do we care?

It's easy

It's generally cheap

It can scale easily

It can be more secure

We can build fast websites

We can still use dynamic data

We can still add dynamic features

Which tool should I use?

351 tools listed!

Why do I like Eleventy?

It's written in Node.js

It's so simple that you don't need a "starter"
(but there are many if you want)

Fast & lightweight

Not opinionated

Simple to build incrementally on top of it

Makes me feel productive...

OK. Now, Let's play with eleventy!

Install + Hello world

Custom config

Templates, frontmatter & Layouts

Live reload

Copying static files

Custom global data

Collection API

Using dynamic data

live coding time! ๐Ÿ‘จโ€๐Ÿ’ป

BONUS! Automate deployment

Example using GitHub actions:


Cover Photo by Anthony Cantin on Unsplash

Icons by Freepikย and Zlatko Najdenovskiย on Pixelbuddha

If you enjoyed this talk, you might also enjoy nodejsdp.linkย ๐Ÿ˜›

Let's connect!

ย (blog)

ย  @loige (twitter)

ย  lmammino (github)

An intro to Eleventy - CorkDev

By Luciano Mammino

An intro to Eleventy - CorkDev

Static site generators and the JAMStack are all the rage right now. After trying several different tools to generate Static Sites, I recently discovered Eleventy and after building a few websites with it I feel like I am in love! In this presentation, I will try to explain why is that!

  • 1,958