Skip to content


Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?

Latest commit


Git stats


Failed to load latest commit information.
Latest commit message
Commit time


Github Workflow Netlify Status

11ty version of the popular Chirpy Jekyll blog theme. Also powers my personal blog. I liked the UX a lot, but not the tech stack, hence I re-built it for myself. Sharing here with everybody, in case you like the same.

You can check out the live version on

If you want to deploy, there's a button for it: Deploy to Netlify


  • πŸ’― on Lighthouse
  • πŸ”† and πŸŒ› mode
  • 🎯 SEO and OpenGraph optimized
  • πŸŒ„ Responsive images optimization
  • πŸ‘€ Accessible
  • πŸ›  JavaScript and CSS build optimization
  • πŸ‘¨β€πŸ’» Prism-based syntax highlighting
  • πŸ“š RSS (yup, still a thing), sitemap.xml, and JSON-LD
  • πŸ” Algolia Search enabled
  • and more

Opinionated setup with Prettier, ESlint, markdownlint and others. UX build with Nunjucks and TailwindCSS. JavaScript bundled with Rollup.


All blog configuration is handled via siteconfig.js. Everything is inline documented.


All build processes rely on how NODE_ENV is set. For production builds, which then also means minified CSS and JS you've to set the value to production. I mention this explicitly as this is for some vendors not the default.

If you want to speed up your build times a bit you can add the generated images to your git repo. The .gitignore already contains a commented section for that.

Local Development

Before you install dependencies

This repo uses Volta. Get it, and it'll make your node life so much easier.


Clone this repository.

git clone

Change into the cloned directory.

cd eleventy-chirpy-blog-template

Install dependencies. Note, if you prefer npm over yarn make sure to first remove the yarn.lock file, and then run npm install.

yarn install

Start the local development process.

yarn dev

Open the page, usually on http://localhost:8080, and dig around!


The UX of this template is based on the popular Chirpy template, just with a different tech stack. If you prefer to run Jekyll and Bootstrap, checkout Chirpy here. It's great.

Also big thanks to the the authors of the 11ty High Performance Blog.