Sign in

Build Awesome (11ty)

@11ty.dev
3.5K followers 8 following 531 posts

🎈 A simpler static site generator, maintained since 2017 🔗 www.11ty.dev 🐀 @zachleat.com 🤝 Team @fontawesome.com and @webawesome.com 🐘 Mastodon neighborhood.11ty.dev/@11ty

PostsRepliesMedia
Reposted by Build Awesome (11ty)
Trevor Morris @trovster.com · 28/09/2026
🔗 New #link: Eleventy Baseline An Eleveny Swiss army knife that makes the structural decisions that Eleventy leaves open: directory layout, asset pipeline, image handling, SEO, sitemaps. www.eleventy-baseline.dev
032
Reposted by Build Awesome (11ty)
Speedlify @speedlify.dev · 29/09/2026
Today's Speedlify #BuiltAwesome Perfect Site of the Day belongs to front-end developer @bnijenhuis.nl 🏆 bnijenhuis.nl www.speedlify.dev/site/bnijenhuis-nl
bnijenhuis.nl
Bernard Nijenhuis • Front-end Developer
Bernard Nijenhuis • Front-end Developer • Katwijk, The Netherlands • Father of 3 kids • Husband to 1 wife • Owner of 2 cats
022
Reposted by Build Awesome (11ty)
Corbin Davenport @corbin.io · 26/09/2026
I made a tool for migrating Tumblr blogs to @11ty.dev static sites, since one didn't seem to exist! It retrieves all your posts with all attached metadata, using a Tumblr blog export ZIP and the Tumblr API, and saves them in a new directory structure with Eleventy's data format.
github.com
GitHub - corbindavenport/tumblr-to-eleventy: Tool for migrating Tumblr blog posts to an Eleventy static site.
Tool for migrating Tumblr blog posts to an Eleventy static site. - corbindavenport/tumblr-to-eleventy
271
Reposted by Build Awesome (11ty)
Bob Monsour @bobmonsour.com · 24/09/2026
11ty Bundle Issue 94 @11ty.dev
11tybundle.dev
Topic relations, Highlight that code, Brennan builds faster, Self-inflicted debugging
11ty Bundle Issue 94
082
Build Awesome (11ty) @11ty.dev · 22/09/2026
loveandpickpockets.com is #BuiltAwesome by @gbeason.bsky.social 🏆
loveandpickpockets.com
Love & Pickpockets
Love & Pickpockets: A comedic fantasy webcomic. Join Borr and his talking pig as they trade lockpicks for quills. New chapters every Wednesday. Read for free!
020
Reposted by Build Awesome (11ty)
Marine 🏳️‍🌈 DD13 Epic Con @marinehaddock.intothecannibalspot.menu · 22/09/2026
Yes you can use comicfury but you NEED to have your own website to keep a backup just in case. You should be in control of your comic. Here is rarebit, a basic webcomic template: rarebit.neocities.org If you're confident with 11ty, here's rarebit if it were better: github.com/katedee/elev...
github.com
GitHub - katedee/eleventy-webcomic
Contribute to katedee/eleventy-webcomic development by creating an account on GitHub.
187
Reposted by Build Awesome (11ty)
gary beason @gbeason.bsky.social · 22/09/2026
A short walkthru of testing & publishing a webcomic w the Rarebit comic template + Eleventy + Github. It's a fast process: The site updates ~5 min after I push to Github, which auto pushes files to Nekoweb (site host). With the Tapas news, this might be useful. #webcomic youtu.be/1h2qfnftiKQ
youtu.be
Webcomic Test & Publish Walkthrough
YouTube video by Gary Beason
123
Reposted by Build Awesome (11ty)
Ben Millett @benmillett.net · 19/09/2026
I wasn’t supposed to be on the computer today. So here’s a second blog post for the day detailing the automation I implemented in between today’s two blog posts. benmillett.net/blog/new-11t...
benmillett.net
Automating a new 11ty blog post | Ben Millett
Now that I'm running this site on Eleventy and I've taken care most of the larger infrastructure pieces, I can pick at the smaller annoyances, such as creating new blog posts. Goal: New blog post in ...
121
Reposted by Build Awesome (11ty)
Alex Russell @infrequently.org · 20/09/2026
Tiny adventures in 11ty syntax highlighting, featuring @davatron5000.bsky.social's excellent MicroLighter web component: infrequently.org/2026/09/micr...
infrequently.org
From PrismJS to Better PrismJS to MicroLighter in Three Painless* Steps - Infrequently Noted
Notes on syntax highlighting in this blog's 11ty era.
1163
Build Awesome (11ty) @11ty.dev · 21/09/2026
let me know if you find out! 🙌 appreciate you!
010
Reposted by Build Awesome (11ty)
🥷 @any.digital · 21/09/2026
DRY question for @11ty.dev elopers: What is one feature, helper, or filter you would offload from your custom project to a reusable community plugin? #11ty #11tyBuildAwesome #BuildAwesome
011
Build Awesome (11ty) @11ty.dev · 21/09/2026
castastrophe.blog is #BuiltAwesome by @castastrophe.bsky.social
castastrophe.blog
Cassondra Roberts
From the keyboard of Cassondra Roberts / @castastrophe, an incomparable blog of really nerdy, niche special interests. Features writing on standards, design systems, & web components (among other things).
000
Reposted by Build Awesome (11ty)
Speedlify @speedlify.dev · 18/09/2026
Perfect scoring website of the day on Speedlify from Alan Quirk #BuiltAwesome www.speedlify.dev/site/www-alanquir… www.alanquirk.com
speedlify.dev
alanquirk.com · speedlify2
Lighthouse lab metrics, Axe, and Chrome UX Report field data for a list of sites recorded and compared over time.
031
Build Awesome (11ty) @11ty.dev · 18/09/2026
wait why somehow 😀
110
Build Awesome (11ty) @11ty.dev · 18/09/2026
How can I help? I did make this super bearded video awhile back www.youtube.com/watch?v=kzf9... but otherwise I’d recommend browsing 11tybundle.dev from @bobmonsour.com! So many good resources on there
youtube.com
6 Minutes to Build a Blog from Scratch with Eleventy
YouTube video by Build Awesome (11ty)
020
Reposted by Build Awesome (11ty)
James Leighton @handle.invalid · 17/09/2026
jamesleighton.com
How to Embed Youtube Videos Into 11ty
I was getting annoyed at having to manually copy Youtube's privacy preserving embed code each time I wanted to include a video in a post, so here is a simple shortcode for 11ty that does the heavy… #100daystooffload #HowTo #11ty
031
Reposted by Build Awesome (11ty)
Christian Alder @hejchristian.com · 17/09/2026
Finished my implementation 🥳 Syntax highlighting (& line numbers + copy button) via MicroLighter from @davatron5000.bsky.social and inspiration for the torn tab from @tylersticka.com website. An 11ty transform to process any code blocks & add the lil washi tape thing - So my markdown stays clean ☺️
4131
Build Awesome (11ty) @11ty.dev · 11/09/2026
www.youtube.com/watch?v=53kc2QjGxnY is a great video from Veronica about creating a Podcasting Platform using static websites and the magical powers of 🪄 RSS!
183
Reposted by Build Awesome (11ty)
Michael @mwdelaney.me · 11/09/2026
The personal project I'm most proud of is ZeroPoint Components. I needed reusable HTML "blocks" for @11ty.dev because that's how designers think. Maybe you need that too. Happy Friday. github.com/MWDelaney/ze...
github.com
GitHub - MWDelaney/zeropoint-components: A BuildAwesome plugin for reusable HTML components across your website.
A BuildAwesome plugin for reusable HTML components across your website. - MWDelaney/zeropoint-components
061
Build Awesome (11ty) @11ty.dev · 08/09/2026
we accept this 😇
010
Reposted by Build Awesome (11ty)
gary beason @gbeason.bsky.social · 08/09/2026
I looked at the options and was strongly considering a Wordpress site. I wound up going w nekoweb.org for hosting (upgraded from free acct to $3.5/mo) & a static site generator w an update of the Rarebit comic template. github.com/katedee/elev... I've created & run Wordpress sites before ...
github.com
GitHub - katedee/eleventy-webcomic
Contribute to katedee/eleventy-webcomic development by creating an account on GitHub.
251
Reposted by Build Awesome (11ty)
Donnie D'Amato @donnie.damato.design · 08/09/2026
Cool video about making a podcast website using @11ty.dev and RSS. www.youtube.com/watch?v=53kc... cc: @zachleat.com
youtube.com
Most podcasting platforms suck, so I host my own.
YouTube video by Veronica Explains
1165
Build Awesome (11ty) @11ty.dev · 08/09/2026
Biggest performance gain on the Built Awesome Leaderboards this week goes to Bryon Tjanaka: improved 23 Lighthouse points with a ~3s improvement in LCP! www.speedlify.dev/site/btjanaka-net
speedlify.dev
btjanaka.net · speedlify2
Lighthouse lab metrics, Axe, and Chrome UX Report field data for a list of sites recorded and compared over time.
011
Build Awesome (11ty) @11ty.dev · 08/09/2026
www.gildaconarne.de is #BuiltAwesome (using @webawesome.com and @fontawesome.com too!) by Stefan Frede
gildaconarne.de
Gilda con Arne
Der Politikpodcast
042
Build Awesome (11ty) @11ty.dev · 05/09/2026
ah, that seems like a markdown thing (via markdown-it). If you use an `.html` file extension it won’t do that. You can test this behavior on markdown-it independently here: markdown-it.github.io
markdown-it.github.io
markdown-it demo
110
Build Awesome (11ty) @11ty.dev · 04/09/2026
websites deserve weekends
060
Reposted by Build Awesome (11ty)
Font Awesome @fontawesome.com · 04/09/2026
The Icon Wizard Contest runs through September 7. Build something weird, clever, or fun, and submit it to the gallery, and it might get featured. There's already a Starry Night icon and a centaur in there! Get to building → fontawesome.com/icons/wizard
fontawesome.com
Build a Custom Icon with the Icon Wizard | Font Awesome
Stack, layer, and style Font Awesome icons into something all your own. Make the icon you need without opening a design tool.
042
Reposted by Build Awesome (11ty)
Katarzyna @spinalcms.com · 01/09/2026
Learn how to add the standard.site protocol to your static site generator (like Jekyll, Astro and 11ty). spinalcms.com/blog/01/
spinalcms.com
Publishing your static site to the open social web with Standard.site
Spinal is a Git-based CMS for static site generators, so your whole team can publish content without code.
071
Reposted by Build Awesome (11ty)
Hacker News 20 @betterhn20.e-work.xyz · 03/09/2026
Using Cloudflare Workers and reCAPTCHA v3 for a Static Site Contact Form nooshu.com/blog/2026/03/09/using-cl… (news.ycombinator.com/item?id=495405…)
nooshu.com
Using Cloudflare Workers and reCAPTCHA v3 for a Static Site Contact Form
Build a secure Eleventy (11ty) contact form using Cloudflare Pages Functions, reCAPTCHA v3, Resend, and as an alternative...
031
Build Awesome (11ty) @11ty.dev · 02/09/2026
In this post @snook.ca describes a method to create exclusive RSS-only content: snook.ca/everything/secret-rss-posts
snook.ca
Secret RSS Posts - Snook.ca
I've seen various people do posts that can only be seen by those who subscribe to the RSS feed. I think I'll do the same.
030
Build Awesome (11ty) @11ty.dev · 02/09/2026
www.whimsybyjules.com is #BuiltAwesome by Josh Vickerson
whimsybyjules.com
Whimsy By Jules | Event Design & Coordination in Boise, ID
Whimsy By Jules is an an event design and coordination company in Boise, ID serving the entire Treasure Valley.
010
Reposted by Build Awesome (11ty)
Rhubarb Nido @rhubarb.gay · 02/09/2026
I like 11ty a lot! rhubarb.gay is made with it and so is otterchaos.band
rhubarb.gay
Rhubarb Nido
furry violinist who performs in VR and at cons
261
Reposted by Build Awesome (11ty)
Ivy Leafeon @meowso.me · 02/09/2026
TIL Eleventy offers a way to dynamically save image files hosted elsewhere as local files during builds, so visitors to my statically generated portfolio site don't have to load images from many sources, they'll all be served locally. All using a shortcode. That's dope
1121
Build Awesome (11ty) @11ty.dev · 02/09/2026
y’all can read more about this on the Image utility docs: www.11ty.dev/docs/plugins...
11ty.dev
Image
A docs page for Eleventy, a simpler static site generator.
010
Reposted by Build Awesome (11ty)
Zach Leatherman @zachleat.com · 01/09/2026
Perf win: blog.fontawesome.com had an animated GIF poster image published recently (for an Aug 4 blog post). Changing the @11ty.dev Image plugin formats from "avif,auto" to "avif,webp,auto" added an animated WebP to the <picture> stack and saved 439kB of transfer weight! (nothing else changed) 🏆️
A non-animated screenshot of the animated poster image with Firefox DevTools opened to the Network panel. 352KB of Network traffic was transferred.
2222
Reposted by Build Awesome (11ty)
Lukas @lukas.grebe.me · 01/09/2026
@11ty.dev 0-day comes in at almost 21 troy ounces
031
Build Awesome (11ty) @11ty.dev · 01/09/2026
@mattdsteele.carhenge.club.ap.brid.gy is trying out @davatron5000.bsky.social’s new MicroLighter Syntax Highlighting plugin (using CSS Custom Highlights) and shows how you can do the same on your Build Awesome/Eleventy project: www.steele.blue/microlighter
steele.blue
MicroLighter is Living Span-Free In My <head>
040
Build Awesome (11ty) @11ty.dev · 01/09/2026
paulmakeswebsites.com is #BuiltAwesome by @haul-pebert.bsky.social 🏆
paulmakeswebsites.com
Paul Makes Websites
Paul combines code and design to build innovative, fast, and accessible digital experiences.
021
Reposted by Build Awesome (11ty)
Hobbs @jmhobbs.dev · 30/08/2026
As a little Saturday night project I turned a Calibre library into a website with @11ty.dev I give you, github.com/jmhobbs/cali...
A little bit janky looking website showing a bunch of eBook covers.
152
Reposted by Build Awesome (11ty)
Ricardo @rmendes.net · 28/08/2026
I like this, might have to rework my Eleventy theme to increase my score :) rmendes.net/replies/2026/08/28/bc0e0
zachleat.com
Use Speedlify2 to Continuously Measure Website Performance—zachleat.com
A post by Zach Leatherman (zachleat)
032
Reposted by Build Awesome (11ty)
Patrick Samphire 🏴󠁧󠁢󠁷󠁬󠁳󠁿 @patricksamphire.bsky.social · 26/08/2026
(For those interested in the techy stuff, I'm moving from Wordpress to a static site generator, eleventy. It's a bit of a steep learning curve, but once you get the hang of it, it's pretty powerful. Pretty much everything Wordpress can do, eleventy can, and without the bloat.)
3101
Build Awesome (11ty) @11ty.dev · 27/08/2026
no worries! If you have further trouble just check in either here or with some folks on Discord (they are pretty awesome in there)
000
Build Awesome (11ty) @11ty.dev · 27/08/2026
Testing out some new OpenGraph images: build.awesome.me
build.awesome.me
Build Awesome is a simpler website generator
Build Awesome (Eleventy) is a simpler website generator.
050
Build Awesome (11ty) @11ty.dev · 27/08/2026
Hmm! I’m glad you learned some stuff but I do want to mention (sorry that this info may be late) that the Bundle Plugin is not the only way to do CSS post-processing! www.11ty.dev/docs/assets/ lists a few official approaches
11ty.dev
Add CSS, JS, Fonts
A docs page for Eleventy, a simpler static site generator.
130
Build Awesome (11ty) @11ty.dev · 27/08/2026
sleep is more important than CSS 😅
100
Build Awesome (11ty) @11ty.dev · 27/08/2026
I couldn’t say without looking at the folder, if you tell me what your operating system is I can give you a command to run that would help diagnose!
000
Build Awesome (11ty) @11ty.dev · 27/08/2026
All the ways to follow along to Build Awesome news and updates: build.awesome.me/how-to-follow
022
Reposted by Build Awesome (11ty)
Zach Leatherman @zachleat.com · 27/08/2026
Use Speedlify2 to Continuously Measure Website Performance (and run automated accessibility checks) www.zachleat.com/web/speedlify2
4164
Build Awesome (11ty) @11ty.dev · 27/08/2026
check your output folder for big files (usually _site), you likely copied a big ol’ file in there (maybe a video?)
100
Reposted by Build Awesome (11ty)
Erik Kroes 👀 @erikkroes.bsky.social · 26/08/2026
I am in the process of moving websites to European hosts. Today I moved an Eleventy website which now builds and deploys using a github-action. www.erikkroes.nl/blog/going-european
erikkroes.nl
Going European
I'm moving one service after another to European companies.
031