<aside> 💡 What are we going to learn?

</aside>

• How to setup a Discord bot and get the proper keys we’ll need
• Opinions around structuring 11ty projects
• Nunjuk’s layouts, macros, and syntax
• 11ty Data files
• Netlify’s On-Demand builders
• Combining 11ty Serverless + On-Demand builders for fresh events without rebuliding the whole site

<aside> 💡 Resources

</aside>

https://css-tricks.com/a-community-driven-site-with-eleventy-building-the-site/

https://benmyers.dev/blog/eleventy-data-cascade/ https://helloyes.dev/blog/2021/using-parameters-in-your-eleventy-includes-with-nunjucks-macros/

https://www.youtube.com/watch?v=VerLjLcXsTk

https://11ty.recipes/

https://www.11ty.dev/docs/

<aside> ‼️ What do you need before diving in?

• A Discord Account
• A Discord Server (to invite the bot to)
• A Netlify account to deploy to </aside>

Lesson Breakdown

Creating your Discord bot and inviting it to your server

Setting up the file structure of our 11ty Project

Creating our base 11ty and Netlify config

Creating our first njk layout, so our pages have a solid HTML structure to start from

Handling styles with 11ty & tailwind 3

How to build and include components with 11ty & Nunjucks

Utilizing the 11ty Data Cascade to pull Discord events

Pulling events and displaying them through a Nunjuck Macro

Connecting 11ty Serverless with Netlify On-Demand Builders