This website's setup with 11ty

This website is static HTML with a little CSS as a treat. There's no Javascript in use here (at least at the moment). This site is built using 11ty, a static site generator that runs on JS/Node/Webpack.

I've been using 11ty since shortly after it was introduced, there are a few things I like about it:

Let's take a look at the config file, this is the entire thing:

const pluginRss = require("@11ty/eleventy-plugin-rss");
const syntaxHighlight = require("@11ty/eleventy-plugin-syntaxhighlight");
const moment = require("moment");
module.exports = function(eleventyConfig) {
eleventyConfig.addNunjucksFilter("nicedate", function(value) {
return moment.utc(value).format('MMM Do YYYY')
eleventyConfig.addCollection("tagList", require("./_11ty/getTagList"));

return {
dir: {
includes: "_includes",
layouts: "_layouts"


Reading down the code, here's how it works. A couple plugins and a library is loaded in:

Then the main export supplies the config options:

That's all that I need to run 11ty. When I'm writing content I use the "serve" command to preview changes locally. When I'm done, the server runs a the "build" command generate the updated pages.

If you're interested in cloning to use my site as a starting point, or just reading more of the code, you can find the git repo at