eleventy

code

Dev Snippets & Keyboard Shotcuts

this one's for me

code

Hosting your Static Site on Cloudflare: Tips & Tricks

Over the last year or so I've been moving many of my static site projects (including this site) to the free tier of Cloudflare hosting, from their former homes at Netlify. Why Cloudflare I've been pretty happy with Cloudflare, and it's what I often

eleventy

Tips for Running 11ty on Cloudflare Pages

This week I designed & built a new 11ty site to support an advocacy effort among primarily Canadian zine creators opting out of a major Canadian zine festival due to the founder's genocide denial. It's called Can't Zine. This is the first Eleventy site

code

Frontmatter Templates for New Blog Posts

First posted: January 12, 2024 Updated 3-26-2024: Added timestamp to date to make my RSS feed better I have been thinking for a long time that it would be nice to have a script that would easily scaffold out the frontmatter for a new post on my blog (aka this

code

Adding Decap CMS to 11ty

I've been wanting a way to add posts in markdown to my 11ty site from my Android phone, without using a 3rd party CMS. I'm going to try out Decap CMS (formerly Netlify CMS) to do this, and tell you what I do to get it

code

Using process.env variables in Eleventy

In Eleventy (the static site builder used to create this site), you can access Node environment variables (process.env.MY_VARIABLE) in your templates. Neat! But how? How to set up the variables for use in templates The Eleventy docs provide a code snippet to use: module.exports = { myVariable: process.

eleventy

Fetching & caching data from Airtable in my 11ty site

I've been seeing a lot of people blog about setting up a now page on their website. Kind of like an about page, a now page is a page on a personal website that tells you what that person is up to in their life. Some people blog

code

Using Sanity CMS to host an image gallery for an existing 11ty site

I've seen a few tutorials now on using Sanity CMS with Eleventy, but they all assume I want to use the Sanity/Eleventy starter project, not an Eleventy site I already have. cassey.dev is built on Eleventy, and I don't want to start my whole

eleventy

Just Enough JavaScript for Eleventy

Sometimes I hear from people who'd like to try out the well-loved and hip static site generator Eleventy, but their main programming language expertise is in something other than JavaScript and they're worried it will be too challenging to configure and use. This post attempts to

code

Dynamically choosing a data file to use in Eleventy templates

Today in the Eleventy Discord, someone came in with a tricky problem. They wanted to set an environment variable to the name of a data file, and then in a Nunjucks template, use the data file that was specified as an environment variable. They were stumped on how to make

code

Converting a simple HTML site to use Eleventy

So, you have a site that currently consists of one or more HTML files, and maybe some images. Your site is growing, and you're starting to think that using a template engine might be nice so you can write your pages in Markdown, or share your meta tags

code

Getting your bearings in an existing Eleventy project

There are some great tutorials out there on building your own Eleventy site from scratch, but what if you are planning to make some contributions to an Eleventy site that already exists? Maybe it's a site originally built by other people at your company, or maybe it'