How I Run Eleventy (It’s Complicated?), by @j9t [@frontenddogma]:

https://meiert.com/en/blog/how-i-run-eleventy/

You know what would be cool? An #eleventy video plugin that works like the image plugin. Except, the video plugin does these steps: https://www.mux.com/articles/how-to-convert-mp4-to-hls-format-with-ffmpeg-a-step-by-step-guide

The use case is I'm interested in #indieweb, #smolweb, #smallweb and I'd just rather host my random little videos myself instead of putting them on Youtube.

Hands down my favorite way to paginate on an #eleventy site.

https://distresssignal.org/infinite-scrolling-with-turboframes/

Morning!

Need some #Frontend input.

I have a client who wants a basic site.
He is agnostic about the tech.
But he does need

• A section that is passworded (that can be shared with credentials to contacts)

I want to use 11ty with Notion (or similar CMS). And do the password stuff with some auth (pretty new to me).

He is a photographer and has some images of drug use/abuse. So I was slightly cautious about putting images that could potentially violate a platforms TOS even if they are only ever served to pages that are behind a passworded folder.

We can happily go down the Wordpress route. My preference would be to avoid that, but at least he would have ownership of the DB.

Any thoughts? Insights?

TIA

The new #Eleventy font-awesome plugin is pretty awesome - shout-out to @zachleat for that (and everything else he does for the 11ty project.

I wanted to add icons to some links in my project and just started pasting SVGs, remembered that exists, and set it up in my project with a shortcode. Now my page template looks so much cleaner!

So I wrote about using Vento in #eleventy and it was a nice experience: https://chriskirknielsen.com/blog/taking-vento-js-for-a-spin-in-eleventy/

Hats off to you, @misteroom, Vento is quite lovely!

Eleventy: A GitHub Workflow to Check if an Automated Dependency Update Would Break Your Site, by @j9t [@frontenddogma]:

https://meiert.com/en/blog/eleventy-github-workflow/

He might not want any credit for this but thanks to vrugtehagel I've been able to set up an Eleventy site connecting to a Notion database as the CMS.

Crude but it works.

I'm stoked to try and develop it.

Magick images. via @beep #Development #Webdev #Eleventy

Since leaving 18F, I’ve spent much of the last month thinking about what’s next for me work-wise. And of course, I’ve been doing no small amount of doomscrolling. But amid all of that, I’ve been remembering how to treat my website like a worry stone. When things get too stressful I’ll spend some time sanding down a few rough edges in the redesign. A...

https://ethanmarcotte.com/wrote/magick-images/

11tyCMS: First design & file management https://thinkymeat.neocities.org/posts/11tycms-redesign/ #11ty #Eleventy #CMS

Double pagination in #eleventy? Yes, we can! And given it's a fun challenge, I wrote about it here: https://chriskirknielsen.com/blog/double-pagination-in-eleventy/ Also yes my entire sense of humour is memes, why do you ask? #11ty

I documented my flow and tooling for how I write and publish blog posts right now.

I use #Notion as my CMS and #Eleventy () as my static site generator and I've written custom CLI tools with Node to integrate the two.

My tooling has been built one small piece at a time over the past 7 years.

https://hamatti.org/posts/how-i-write-and-publish-blog-posts-in-april-2025/

This is what vacation weeks are for, apparently: I made a little bit of progress on my #eleventy personal blog sites. There are still some issues and certainly lots of room to improve the styles, but I crossed off a couple things from the TODO list.

The Eleventy data cascade is great:

You can have data on different “layers", for example, applying to an entire directory via JS or one file via Front Matter.

Eleventy merges these layers for you, including objects mapping to the same key.

I just created a map of string replacements for permalinks over different layers.

One central function uses the merged map to modify permalinks accordingly.

This is fancy stuff. I hope to write a detailed How-To in the future.

GitHub told me that the auto deploying action for my silly blog would be disabled if there weren't any code changes. It's not every day that I get called out by my own infrastructure so rudely, so now you have to hear about it, too. Posting for the sake of posting. Seems about right.

#Eleventy #WebDev #McLuhan

https://frgmnt.art/posts/infrastucture-shaming/

YAY! My #Python is improving! I made this thing that makes a new @eleventy for me based off templates. Any chance Eleventy will have a built in new post creation thing in the future? I know it makes absolutely zero assumptions about your project but this is the most time consuming part for me and I imagine I'm not alone in this thinking. https://github.com/rkingett/myblog/blob/main/MakeNewPost.py #Eleventy #11ty #WebDev

I've had a statuslog section on my now page (https://reillyspitzfaden.com/now/) for a while, and I added it to my homepage as well (https://reillyspitzfaden.com/#homepageStatus).

The especially nice part is that I now have a script (https://github.com/reillypascal/personalsite-ssg/blob/main/status) so I can simply type `./status` in the terminal, write the status text in the resulting .md file that pops open, and then commit/push!

I've seen some IndieWeb people (e.g., @binarydigit) do something similar via one of omg.lol's tools (https://home.omg.lol/info/statuslog) and liked it, but I wanted to see if I could DIY it just for the heck of it. Very happy with how easy the result is!

So, super simple Eleventy + Obsidian recipe for a #DigitalGarden space:

* Set up an 11ty project
* install the eleventy-plugin-interlinker (link below)
* open the project folder in Obsidian
* create a notes folder and change your settings so that all new notes go to that folder
* Add the Backlinks code from the interlinker plugin's readme into either an Obsidian template or a 11ty layout
* Add to that template some frontmatter for title, date
* Start making notes.

Serve locally (from terminal, vscodium,, whatever).

The interlinker plugin is here:
https://github.com/photogabble/eleventy-plugin-interlinker

Wrote myself a how-to (or rather a "how did I?") for adding #leaflet maps to my #11ty site.

https://tlohde.com/blog/2025/04/mapping-with-leaflet/