A Test of Eleventy Fetch

/ / No Comments
It has been quite some time since I wrote about Eleventy. My last post was a quick announcement about me upgrading my site to Eleventy 3.0 and how well that worked. I was going through my list of blog ideas and realized that in March of 2022, yes, 2022, I wrote down that I should take a quick look at Eleventy Fetch: I knew it worked, but I was curious about a few things, for example, invalidating the cache, but apparently this idea got buried and forgotten about until… today! So yes, it works, and works really well and if that’s all you care about, hit up the docs and you’re good to go. I had to see this for myself though. My API I began by creating a quick HTTP-based API... more →
Posted in: JavaScript Tagged with: , ,

Next Code Break – Blogging with Eleventy

/ / No Comments
Hey folks – my next <Code><Br> will not be this Tuesday as I’ll be presenting at API World (assuming American gets me there today) so I’ve pushed back the livestream till Thursday, November 7th. Usual time – 12PM CST. You can read more about the event here: https://cfe.dev/talkshows/codebreak-11072024/ I’m going to be discussing Eleventy and building a basic blog. I’ve wanted to cover Eleventy on my show for a while but was waiting for 3.0 to come out. Now that it has – I can’t wait to introduce it to folks. Hope to see you there! Raymond Camden… more →
Posted in: JavaScript Tagged with: , , , ,

Eleventy 3.0 Released (and in use here!)

/ / No Comments
This is just a quick note to let my readers know that Eleventy 3.0 has been released. This is a huge update and folks using it should read the full release notes here: Eleventy v3.0.0: Possums ❤️ ESM. I’ve been running a beta for a while. You can see the issues I ran into here: Upgraded to Eleventy 3.0 (Beta). I upgraded to the final version yesterday and ran into one issue, a template that output to a path without an extension. This was very clearly detailed in the error I got: [11ty] Problem writing Eleventy templates:[11ty] The template at './src/webfinger.liquid' attempted to write to './_site/.well-known/webfinger' (via `permalink` value: '.well-known/webfinger'), which is a target... more →
Posted in: JavaScript Tagged with: , ,

Upgraded to Eleventy 3.0 (Beta)

/ / No Comments
Like I assume most of my fellow Eleventy users have been doing, I’ve been closely following the updates on Eleventy and its progress towards 3.0. As my blog is a fairly large site, I wasn’t in a rush to upgrade to an Alpha release, but the recent beta release convinced me it was time to take the plunge. The TLDR is that… it took me roughly an hour (most of which was by choice, I’ll explain below) and it’s been smooth sailing. Want to know more? Keep on reading… The Upgrade Helper Per the release notes, I made use of the upgrade helper which is a plugin you install along with, of course, upgrading your site to Eleventy 3. This worked well and flagged my only... more →
Posted in: JavaScript Tagged with: , ,

Add Squirrelly Support to Eleventy

/ / No Comments
I’m supposed to be on vacation but writing about Eleventy two days ago has got it fresh on my mind, also, I can’t pass up an opportunity to use "squirrelly" in a blog title. I subscribe to three or four different email newsletters related to web development. It’s fairly normal to see the same link shared among a few of them. Most recently an example of this was the Squirrelly library. This is, yet another, JavaScript template language and I thought I’d take a look at it in my spare time. Given that Eleventy makes it easy to add other template languages, how long does it take you to add support for it? Step One – Make Your Eleventy project # Technically... more →
Posted in: JavaScript Tagged with: , ,

(Don’t) Add BASIC Support to Eleventy

/ / No Comments
So yesterday I wrote up the process of adding the Squirrelly template language to Eleventy. It was, essentially, five minutes of work due to how well Eleventy supports adding custom languages. After writing it up, publishing it, and running some errands, a really bad and silly idea came to me… what if I added BASIC support to Eleventy? Way back in the Stone Age, my first computer language was Applesoft BASIC on an Apple 2e (or +, not sure). Just look at this rad machine and imagine it paired with a monochrome green monitor: By Bilby – Own work, CC BY 3.0, https://commons.wikimedia.org/w/index.php?curid=11119727 I wrote a lot of programs on that machine, most typed by hand from the... more →
Posted in: JavaScript Tagged with: , , ,

Building a Web Version of Your Mastodon Archive with Eleventy

/ / No Comments
A couple of days ago Fedi.Tips, an account that shares Mastodon tips, asked about how non-technical users could make use of their Mastodon archive. Mastodon makes this fairly easy (see this guide for more information), and spurred by that, I actually started work on a simple(ish) client-side application to support that. (You can see it here: https://tootviewer.netlify.app) This post isn’t about that, but rather, a look at how you can turn your archive into a web site using Eleventy. This is rather rough and ugly, but I figure it may help others. Here’s what I built. Start with a Fresh Eleventy Site # To begin, I just created a folder and npm installed Eleventy. I’m using the... more →
Posted in: JavaScript Tagged with: , , , ,

Creating Bootstrap WebC Components in Eleventy

/ / No Comments
For some time now as I’ve explored web components, it’s occurred to me that web components could be a great way to make working with Bootstrap simpler. Not that Bootstrap is necessarily difficult, but I’ve always thought it would be cool to take something like so: <div class="card" style="width: 18rem;"> <div class="card-body"> <h5 class="card-title">Card title</h5> <h6 class="card-subtitle mb-2 text-body-secondary">Card subtitle</h6> <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p> </div></div> And... more →
Posted in: JavaScript Tagged with: , , , ,
1 2 3