How to keep your Eleventy config file organized
You start your new Eleventy project and of course, you create an Eleventy config file. Because you want to customize the input and output folder. Then you need a collection for your blog posts, you define that in your config file too. Plugins for syntax highlighting, RSS feed and webmentions? The fantastic Eleventy Image plugin? Of course! Put it in your config file. Shortcodes for youtube embeds and audio files, add them. At the end you want to make use of Eleventy Transforms™ to clean up your output: remove comments, collapse whitespace, minify CSS... just put the code in the config file!
You can imagine how the config file looks like now, after all these configuration options were placed randomly one after the other. After strugging with an overwhelming config file myself, I started to look for solutions in the repositories of other Eleventy developers, which in general is the best way to learn Eleventy. Over time, I've fine-tuned my config organization and I'm excited to show you what great opportunities I've discovered!
Lene Saile (she/her)
Lene is a Berlin born, Madrid based front-end developer and designer who has been building for the web professionally since 2008. She loves creating personalized web experiences that are fast, accessible and sustainable. Also: websites should be fun! You can find her blogging on lenesaile.com and boosting stuff on Mastodon.