11ty

Why? 🤷🏻‍♀️

For all my time using Jekyll, I would think to myself “this, but in Node”. -- Paul Lloyd

• No more Ruby
• Image processing
• Slow
• So much JavaScript
• Jekyll EOL?

What? 🧐

What else? 🎒

• SCSS

• Is this the way? NPM Package.json scripts? Weird ...

• CMS

• Apostrophe

• Netlify CMS

• Forestry.io

• Contentful

• Continuous Integration

• Testing

• ECMAScript 6

• Loading modules

• Cache busting

• Templating engine(s)

• Themes/Starters

• Image processing

How?

• 11ty Tutorials
• Turn Jekyll up to Eleventy
• 11ty Starter projects
• Build your own eleventy
• 11ty rocks!

Converting a Jekyll instance to Eleventy

• Install Live Share for VS Code
• OR you can just join from the browser
• Download Ed

Tasks

• npm init

• npm install --save-dev @11ty/eleventy

• .eleventyjs

• Set input output folders

• Layout aliases

• Any files need to be treated as a template?

• Transfer site variables

• Scroll down to page variables on this post

• Custom filters

• Collections (tag or collection.getFilteredByGlob()

• permalink

• Collection director json file

• eleventyConfig.addPassthroughCopy('assets')

• SASS

• Smart quotes

• Netlify CMS

• Search