Webmentions + Eleventy Talk

10 Nov 2020, updated 18 Jun 2021 by Sia Karamalegos

Slides and resources from my talks at JamStack Toronto and Magnolia JS.

Webmentions are an exciting standard which help enable the IndieWeb. We can own our own content, hosted on our own domains, without sacrificing social connection and replies with other people!

In this talk, I discuss what webmentions are and how to implement them. In the longer version for Magnolia.js, I also give a quick demo of Eleventy. The code is based on an Eleventy site, but the concepts should be applicable to any site.

Jamstack Toronto (shorter) #

Magnolia JS (includes short Eleventy tutorial) #

Slides #

The latest slides can be accessed at projects.sia.codes/webmentions-11ty-25min/. To advance the slides, use n for next and p for previous. The right arrow jumps to the next section (and left for previous section). Up and down to advance through slides within a section.

Resources #

If you're new to Eleventy, you can start with the mini-tutorial to get a flavor of it.

Follow my In-Depth Tutorial of Webmentions + Eleventy for a step-by-step guide to get started. It includes links to many great resources and prior art.

The slides are built as a live website, so all resource links mentioned are directly clickable.

Are you here for possums and image manipulation? Links to my source images are on the last slide. You can duotone your own varmint photos using Duotone by ShapeFactory.

IndieWeb Eleventy Jamstack

A strategic partner you can depend on

I make websites faster, smarter, and easier to grow.

If you want someone who’s creative and precise, deeply reliable, and not afraid to tell you what’s what to get you to the next level—I’m your partner.

Let's get started