An intro to Eleventy

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!

Transcript

1. AN INTRO TO ELEVENTY Static Site generation made fun again! Luciano Mammino ( ) @loige 2020-11-17 loige.link/11ty-corkdev
2. loige.link/11ty-corkdev @loige
3. STATIC SITE GENERATORS... WAIT, WHAT?! content & templates static HTML pages & assets This is the core of a static site generator! @loige
4. 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! @loige
5. LET ME INTRODUCE MYSELF... @loige
6. LET ME INTRODUCE MYSELF... I'm Luciano ( ) @loige
7. LET ME INTRODUCE MYSELF... I'm Luciano ( ) Principal Software Engineer at FabFitFun (Dublin) @loige
8. LET ME INTRODUCE MYSELF... I'm Luciano ( ) Principal Software Engineer at FabFitFun (Dublin) Lived in Cork for 1 year (2015)! @loige
9. LET ME INTRODUCE MYSELF... I'm Luciano ( ) Principal Software Engineer at FabFitFun (Dublin) Lived in Cork for 1 year (2015)! nodejsdp.link Co-Author of Node.js Design Patterns @loige
10. LET ME INTRODUCE MYSELF... I'm Luciano ( ) Principal Software Engineer at FabFitFun (Dublin) Lived in Cork for 1 year (2015)! nodejsdp.link Co-Author of Node.js Design Patterns Connect with me: (blog) (twitter) (github) loige.co @loige lmammino @loige
11. SOME STATIC SITES I BUILT loige.co open source! @loige
12. fastify.io METALSMITH open source! @loige
13. nodejsdp.link open source! @loige
14. @loige
15. @loige A Java API client!
16. 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 @loige
17. WHICH TOOL SHOULD I USE? jamstack.org/generators/ 351 tools listed! @loige
18. 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 if you want) Fast & lightweight Not opinionated Simple to build incrementally on top of it Makes me feel productive... many @loige
19. 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 @loige
20. LIVE CODING TIME! github.com/lmammino/11ty-sample-project @loige
21. BONUS! AUTOMATE DEPLOYMENT Example using GitHub actions: loige.link/11ty-ci-example @loige
22. THANKS! Cover Photo by on Icons by and on Anthony Cantin Unsplash Freepik Zlatko Najdenovski Pixelbuddha loige.link/11ty-corkdev If you enjoyed this talk, you might also enjoy nodejsdp.link @loige Let's connect! (blog) (twitter) (github) loige.co @loige lmammino