Zach Leatherman :11ty:zachleat@zachleat.com
Apr 24, 2025, 8:12 PMWORKING ON A WILD @eleventy IDEA TODAY
IT IS WILD
started with 110 errors in the refactor, down to 66 now…
Replies
- Zach Leatherman :11ty:zachleat@zachleat.comApr 25, 2025, 10:04 PM
Just between us, I did it.
- Zach Leatherman :11ty:zachleat@zachleat.comMay 1, 2025, 9:53 PM
Alright, so the previous demo was a generic Eleventy project in the browser — by itself a big milestone.
Here’s another big milestone: loading code directly from the `eleventy-base-blog` GitHub repo and using Eleventy to `innerHTML` the generated result directly to the browser. The Eleventy build takes about ~200ms in-browser and uses the RSS, Syntax Highlighter, Image, and Navigation plugins.
Still a few rough edges but we’re making progress.
- Zach Leatherman :11ty:zachleat@zachleat.comMay 1, 2025, 10:06 PM
(for the record, the use cases here are limited — and should be limited — please JavaScript responsibly)
Nathan Bottomleynathanbottomley@aus.socialApr 24, 2025, 8:21 PM@zachleat git branch next-js-integration
- Zach Leatherman :11ty:zachleat@zachleat.comApr 24, 2025, 8:21 PM
@nathanbottomley rm -rf .git
Apr 24, 2025, 8:23 PM@zachleat @eleventy This predates you, but trust me that it's apt.
https://www.youtube.com/watch?v=ZhPFsLAmShY- Zach Leatherman :11ty:zachleat@zachleat.comApr 24, 2025, 8:32 PM
dan leathermandanleatherman@mastodon.designApr 25, 2025, 10:08 PM@zachleat is this what I think it is
- Zach Leatherman :11ty:zachleat@zachleat.comApr 28, 2025, 4:11 PM
@danleatherman it’s a rorschach test
Matthew Monematt@mone.devApr 25, 2025, 10:13 PM@zachleat FINALLY! I can client side render my blog like all the cool kids!
- Zach Leatherman :11ty:zachleat@zachleat.comApr 28, 2025, 4:05 PM
@matt HYDRATION ERROR
- Matthew Monematt@mone.devApr 28, 2025, 4:49 PM
@zachleat
I'm doing this right, right?eleventyConfig.addTemplate("index.md", "<blog-app></blog-app><script src='./blog-app-bundle-34daef.js'></script>")
- Zach Leatherman :11ty:zachleat@zachleat.comApr 28, 2025, 4:50 PM
@matt *eyes narrow*
Khalid Pro Max⚡️- Tarrifedkhalidabuhakmeh@mastodon.socialApr 25, 2025, 10:16 PM
Apr 25, 2025, 10:19 PM@zachleat 🤔🤔🤔
Paul Everittpauleveritt@fosstodon.orgApr 25, 2025, 10:25 PM@zachleat Cool vs. Insane. Why choose?
Mayankmayank@front-end.socialApr 25, 2025, 10:37 PM@zachleat brb putting this inside my react component.
- Zach Leatherman :11ty:zachleat@zachleat.comApr 28, 2025, 4:05 PM
@mayank how dare you
Jason Garberjgarber@indieweb.socialApr 25, 2025, 10:43 PM@zachleat what in the sweet goddamn
Andrew Douglassardouglass@mastodon.socialApr 25, 2025, 10:57 PM- Zach Leatherman :11ty:zachleat@zachleat.comApr 28, 2025, 4:05 PM
@ardouglass this is karen behavior andrew!!
Darby M. Dixon IIIdarby3@zirk.usApr 25, 2025, 11:10 PM
Mike Mathewdrumsensei@mstdn.socialApr 26, 2025, 12:04 AM- Zach Leatherman :11ty:zachleat@zachleat.comApr 28, 2025, 4:07 PM
@drumsensei it’s only a mistake if you use it wrong… wait
Ollie Boermansollicle@mastodon.socialApr 26, 2025, 12:36 AM@zachleat your secret is safe with me Zach 🤐
Apr 26, 2025, 1:07 AM@zachleat This is incredibly weird. I love it!
Tim Severientimsev@mastodon.socialApr 26, 2025, 7:51 AM@zachleat Finally, 11ty SPAs!
- Zach Leatherman :11ty:zachleat@zachleat.comApr 28, 2025, 4:08 PM
@timsev these are fighting words
PascaleQRoeil@mastodon.socialApr 26, 2025, 8:16 AM@zachleat First time a screenshot has this huge impact on my plans ! Thanks !
- Zach Leatherman :11ty:zachleat@zachleat.comApr 28, 2025, 4:09 PM
@eQRoeil well now you have to reveal your plans
- PascaleQRoeil@mastodon.socialApr 28, 2025, 6:07 PM
@zachleat I need to build a website with a lot of pages (thousands). I do not want to rebuild the entire site each time an update is needed on 1 page (regularly 1 or few pages will need an update). So the plans were to **start** with 11ty, keep a limited compatibility for site wide changes and dev a solution that allow to make edits from a dedicated app that can produce the same output.
11ty running in the browser will remove or simplify some of the challenges. - PascaleQRoeil@mastodon.socialApr 28, 2025, 6:14 PM
@zachleat I also think it will be easier to make previews and offer alternatives to git based CMS / workflows.
- Zach Leatherman :11ty:zachleat@zachleat.comApr 28, 2025, 7:11 PM
@eQRoeil I don’t think you’ll want to build clientside as the user experience for end users (unless I’m misunderstanding) but the rest of it makes a lot of sense!
- PascaleQRoeil@mastodon.socialApr 28, 2025, 7:31 PM
@zachleat not building clientside for end user (I'd take the lambda / serverless functions route or use Nuxt)
Only on the "edit app" part
Erik Kroes ✅erikKroes@mastodon.socialApr 26, 2025, 12:59 PM@zachleat slowly put down the keyboard...
- Zach Leatherman :11ty:zachleat@zachleat.comApr 28, 2025, 4:09 PM
@erikKroes ahahahahahahahaha web performance zach is dead
long live SPA zach
Patrick Haugderhaug@mastodon.socialApr 28, 2025, 6:21 PM@zachleat oh my oh my
- Zach Leatherman :11ty:zachleat@zachleat.comApr 28, 2025, 6:25 PM
@derhaug (this is a joke of course, not doing the SPA thing here)
- Erik Kroes ✅erikKroes@mastodon.socialApr 30, 2025, 6:44 AM
- Patrick Haugderhaug@mastodon.socialApr 30, 2025, 7:03 AM
@erikKroes @zachleat So many ideas already ..
Tyler Stickatylersticka@social.lolApr 26, 2025, 2:35 PM
Apr 28, 2025, 4:27 PM@zachleat ☠️
- Zach Leatherman :11ty:zachleat@zachleat.comApr 28, 2025, 4:38 PM
@matuzo ⚰️
Dave 🧱 :cursor_pointer:DavidDarnes@mastodon.designApr 28, 2025, 5:10 PM- Khalid Pro Max⚡️- Tarrifedkhalidabuhakmeh@mastodon.socialApr 28, 2025, 5:18 PM
Apr 28, 2025, 5:18 PM
Max Böckmxbck@front-end.socialApr 28, 2025, 5:36 PM@zachleat 👀👀👀
d3v1an7d3v1an7@infosec.exchangeApr 29, 2025, 12:13 AM@zachleat ironically, I’m excited about the serverless possibilities this potentially unlocks on non-node runtimes (if I’m understanding the screenshot correctly!) any chance this capability extend through to webc as well?
- Zach Leatherman :11ty:zachleat@zachleat.comApr 29, 2025, 1:19 AM
@d3v1an7 what runtimes specifically? I’m aiming for all core plugins to be supported yeah
- d3v1an7d3v1an7@infosec.exchangeApr 29, 2025, 1:26 AM
@zachleat oh heck, that'll be so good! we moved most of our workloads away from netlify over to cloudflare, but the webc cms-preview had to stay on netlify serverless, as i couldn't get it running on the worker runtime (workerd) -- mainly issues with filesystem stuff.
Alesandro Ortiz 🇵🇷🏳️🌈AlesandroOrtiz@infosec.exchangeMay 1, 2025, 9:58 PM@zachleat sorcery (good)
- Jason Garberjgarber@indieweb.socialMay 1, 2025, 9:59 PM
@zachleat •extremely doctor ian malcolm voice•
your scientists were so preoccupied—
- Andrew Douglassardouglass@mastodon.socialMay 1, 2025, 11:44 PM
mb21mb21@hachyderm.ioMay 2, 2025, 8:49 AM@zachleat I’ve been tinkering with something similar (running a SSG in the browser), what’s your goal here?
- Zach Leatherman :11ty:zachleat@zachleat.comMay 2, 2025, 1:01 PM
@mb21 I probably won’t reveal the ultimate goal (yet!)
Raymond Camdenraymondcamden@mastodon.socialMay 1, 2025, 10:13 PM@zachleat so freaking awesome
