#11ty

Christian Alderhejchristian
2025-06-17

I've been trying Liquid as the template language in my latest project, and I'm enjoying it!

'limit: 5'
Nice and simple cap to fetched data from a loop,

'date: "%a, %b %d, %y"'
To format a date value all nice,

Data queries within templates feel good and powerful too ๐Ÿ‘Œ
Not missing .njk yet.

I updated my site! There are two visible changes:

  1. The license year has been updated
  2. The "IAG'S Blag" postfix doesn't display on blog articles anymore (a side effect)

This is despite a pretty extensive refactor, so I'm pretty happy with myself.

#11ty

2025-06-15

@eclairwolf If you're into #11ty, I've got one for sale. Only $5, includes tax and shipping anywhere. bobmonsour.com/shop/

Marijke Luttekesmahryekuh@hachyderm.io
2025-06-14

I replaced my @11ty's custom translation logic with `eleventy-plugin-i18n` a few days ago.

This plugin is older and has not been maintained for years, and the way I had set up some templates would result in many (unnecessary) warnings.

But here is the fun bit about open source:

The original code is available online, and I copied it to my project. I only had to modify two lines from the original logic to make it play ball with my setup.

Pretty neat, and Eleventy's output is once again free of warnings.

#OSS #Eleventy #11ty

fromjason.xyz โค๏ธ ๐Ÿ’ปfromjason
2025-06-14
Screenshot of my homepage fromjason.xyz. Illustration of an ominous looking head with red ink expelling from its mouth. 

FROM JASON
SCHEMES & PLOTS AND OTHER MATTERS THAT WON'T BE FORGOT
WRITTEN BY: JASON VELAZQUEZ

And for the #11ty crew -- TSX v4.20.3 has been released, and I have verified it fixes this issue for me.

xan surnamehere โš xan.lol@bsky.brid.gy
2025-06-13

taps.pressfreedomtracker.us this is cool - made with #11ty! (WebC, Preact, and help writing code faster with AI ๐Ÿค”) github.com/freedomofpress/taps.pressfreedomtracker.us

Trump Anti-Press Social Media ...

Harris Lapiroffharris@social.coop
2025-06-12

I'm hoping to write a little more about the technical elements of this site later, but it represents a divergence from my team's usual way of doing things. It's a static site, built with @11ty.

It uses eleventy-fetch to pull data from a spreadsheet that our editorial team maintains, eliminating the need for a full CMS (or should I say, using Google Sheets *as* as CMS).

The code can be found hereโ€”and we welcome contributions!

github.com/freedomofpress/taps

#WebDev #11ty

Hey, #11ty folks โ€” I've been using `tsx` to run my Eleventy builds. I recently upgraded some stuff, and after digging into it a bit, the problematic bit is TSX v4.19.4 -> v4.20.1.

The error I get looks like the screenshot below โ€” anybody else seeing this? (I'm planning on a TSX bug but it would be nice to know it's not just meโ€ฆ)

screenshot containing a stack trace, which reads:

[11ty] Eleventy Fatal Error (CLI):
[11ty] Unexpected module status 3.
[11ty] This is caused by either a bug in Node.js or incorrect usage of Node.js internals.
[11ty] Please open an issue with this stack trace at https://github.com/nodejs/node/issues
[11ty]
[11ty] Original error stack trace: Error [ERR_INTERNAL_ASSERTION]: Unexpected module status 3.
[11ty] This is caused by either a bug in Node.js or incorrect usage of Node.js internals.
[11ty] Please open an issue with this stack trace at https://github.com/nodejs/node/issues
[11ty]
[11ty]     at assert.fail (node:internal/assert:17:9)
[11ty]     at ModuleJob.runSync (node:internal/modules/esm/module_job:314:12)
[11ty]     at require (node:internal/modules/esm/translators:150:9)
[11ty]     at Object.<anonymous> (/Users/genehack/proj/covid.house/node_modules/semver/classes/range.js:221:20)
[11ty]     at loadCJSModule (node:internal/modules/esm/translators:165:3)
[11ty]     at ModuleWrap.<anonymous> (node:internal/modules/esm/translators:207:7)
[11ty]     at ModuleJob.runSync (node:internal/modules/esm/module_job:306:39)
[11ty]     at require (node:internal/modules/esm/translators:150:9)
[11ty]     at Object.<anonymous> (/Users/genehack/proj/covid.house/node_modules/semver/classes/comparator.js:143:15)
[11ty]     at loadCJSModule (node:internal/modules/esm/translators:165:3)
Reilly Spitzfaden (they/them)reillypascal@hachyderm.io
2025-06-11

@fractalkitty I have an update to this: I switched from the MarkdownIt KaTeX (mdit-plugins.github.io/katex.h) plugin to the MathJax (mdit-plugins.github.io/mathjax) one, and so far it looks like it's working! This is in Eleventy, with the LaTeX math expressions embedded in Markdown.

While KaTeX includes the "output" option (katex.org/docs/options) to do HTML, MathML, or both (default: both), the plugin doesn't seem to expose that option, and since the MathJax one does just MathML, it looks right for me in NetNewsWire (macOS) and CapyReader (Android).

The post is here (reillyspitzfaden.com/posts/202) and the feed is here (reillyspitzfaden.com/blog/feed), and I'd be interested to hear if it's working for other people.

#LaTeX #KaTeX #MathJax #Eleventy #11ty

2025-06-10

Considering a new design for the #11ty Bundle home page. Thoughts welcomed.

Possible redesign of the 11ty Bundle home page; showing images of web pages for the latest links from the Firehose
2025-06-10

Issue 75 - Meetup happened, Eleventy v3.1.1, What is 88x31?, Eleventy plugin image magnifier, Still got stickers...And 4 releases, 19 posts, and 14 sites to see 11tybundle.dev/blog/11ty-bundl #11ty @eleventy

The new 11ty Bundle OG image
Clayton Errington ๐Ÿ–ฅ๏ธcjerrington@mstdn.social
2025-06-09

StaticQuest is now updated to Eleventy v3.1.1!

static.quest/

#StaticQuest #eleventy #11ty #staticsite

2025-06-09

New blog post documenting my efforts to make microblogging less of a pain with Eleventy, or any SSG for that matter. nathanupchurch.com/blog/Solvin #11ty #eleventy #blog #indieweb #KDE

2025-06-08

#11ty question: i'm making a webc component. it receives a list of images urls. i'd like to preprocess: urls => async munging => webc template. so the input to the component is simple, just an array, but the template is based on the output of a complex async function.

page:
```
---
urls: [...]
---
<my-component images="urls"></my-component>
```

my-component.webc:
```
<script ???>
const gallery = await process(images)
</script>
<p webc:foreach="x of gallery">...</p>
```

can i preprocess data for the template like this? a script tag with webc:setup runs once, not per instance. webc:type="js" is expected to generate the content, not compute more data. halp. webc:setup is closer since its top level variables become template data, but it doesn't run at the right time.

eleventy-image seems to use the webc:type="js" approach and generates html in js. i just wanna know if i can use webc templates instead

any 11ty/SSG users, how do I approach setting up SCSS
I want to redo my site's theming to be a bit less sucky but I can't figure out how to integrate the SCSS build step into the pipeline

#webdev #11ty

2025-06-08

Made a pointless but fun (for me) thing with @11ty I snappily call:

"See what an SVG of a Porsche 911 looks with the colours available to Porsche customers from 1963 - 1973".

911.robwood.uk

#11ty #porsche #svg

Shady Charactersshadychars
2025-06-06

Lastly, some credit where it is due: Keith Broni at the mighty emojipedia.org/ reviewed the site, and Zach Leatโ€™s @11ty made it a pleasure to build. Thank you both!
4/4

Nathaniel Daughtnfd@social.lol
2025-06-05

I currently update my resume via Markdown on my 11ty website and use โ€œPrint to PDFโ€ with these CSS features to create the document I attach to job applications.

I found it even creates more optimized PDF files than most word processors do.

@vale @piccalilli

#css #webdev #11ty
fedi.vale.rocks/objects/b8684f

Jessie (they/she) ๐Ÿ“ ๐Ÿณ๏ธโ€โšง๏ธ ๐Ÿ‰QueerMatters@mstdn.social
2025-06-05

Another excitng #11tyCMS development ๐Ÿ‘€

It now supports image uploads in the editor ๐Ÿ‘€ . This is shaping up to be a very complete and cool experience ngl.

Next up is making sure that you can add and edit metadata... And then? UI/UX overhaul.

I sense a public beta coming ๐Ÿ‘€ ๐Ÿ‘€ #11ty #eleventy

Client Info

Server: https://mastodon.social
Version: 2025.04
Repository: https://github.com/cyevgeniy/lmst