Issue 8 - A new author, a scroll-to-top button, and some refactoring
May 31, 2023
4 minutes to read
Welcome to Issue 8 of the 11ty Bundle. 11ty, aka Eleventy, is a "simpler static site generator" that is designed to be simple, flexible, and highly customizable. It is built on Node.js and allows developers to create websites by transforming templates and data into static HTML files. It supports multiple template languages, giving developers the freedom to choose the languages that best suit the needs of their project.
TL;DR We've got a new author with a bunch of posts, I did some refactoring under the hood here, added a scroll-to-top button to the site, and we've lost some blog posts.
While I was traveling over the Memorial Day weekend, I happened upon a new blog post about Eleventy. And once I looked at the site, I was pleased to find 10 posts about Eleventy. These are by John M. Wargo and several of them are listed below. I expect that he'll be writing more about Eleventy in the future.
There are a couple of other posts to highlight. First, There's an excellent review of Bryan Robinson's book Eleventy by Example, by Raymond Camden. And second, speaking of Raymond Camden...I had not seen this before, but he wrote an excellent piece called "A Complete Guide to Building a Blog with Eleventy," which he updated in March of this year. If you're just getting started with Eleventy, this would be yet another great place to start.
I also spent some time worrying about some of the code under the hood of the site. I'll be brief...I had placed much of the filtering of the database records throughout various templates. It turned out that some filters were being used more often than needed and there was way too much duplication...refactor time. So I decided to collect a lot of that filtering and added it to the javascript where I ingest the data from either Airtable or the cache. Now that code returns many of the item counts that you see as well as selected sets of records. It resulted in both simpler error handling and much simpler templates...both good things.
You may (or may not) notice that there's now a scroll-to-top button in the lower right-hand corner of your display. In the event you go way down into the Firehose or a long list of category posts and want to come up for air, it floats you to the top.
Lastly, the total post count has dropped a tad. The site of one of our authors has gone 404 and a few other blog posts seem to no longer exist. Now I need to figure out how to instrument the site to detect this automatically and prevent bad links from being published.
Until next time...
Recent releases
No new releases since the last issue.
Posts from around the web since the last Bundle issue
Migrating This Site from Joomla To Eleventy
Describes the process I used to migrate a 14 year old Joomla site (this one) to Eleventy and the tools I created to simplify the process (that you can use in your Joomla to Eleventy migrations).
May 30, 2023
by John M. Wargo (43 posts) · Website & RSS feed
Categories: Migrating to Eleventy
Eleventy Displaying Posts from Another Site
I wanted to pull the most recent articles from an Eleventy site into another Eleventy site, so I wrote this article to explain how I did it.
May 29, 2023
by John M. Wargo (43 posts) · Website & RSS feed
Categories: How to...Remote Data
Eleventy by Example, by Bryan Robinson
A review of "Eleventy by Example", by Bryan Robinson
May 18, 2023
by Raymond Camden (101 posts) · Website & RSS feed
Categories: Getting Started
I hooked up Eleventy to WordPress API
I’ve got some plans for this site. The main thing I want to do is bring my music collection into my main site, instead of having a subdomain. That thing has been a “prototype” for over 2 years now… The problem is that site uses Notion as its data source. I really like managing my […]
May 17, 2023
by Andy Bell (3 posts) · Website & RSS feed
Categories: Remote DataHow to...
Automating Eleventy Post Creation
Describes a utility I created to automate creating a new post in an Eleventy site.
May 11, 2023
by John M. Wargo (43 posts) · Website & RSS feed
Categories: How to...
Eleventy Site Statistics
I wanted to add a statistics page to this site, so I created an Eleventy plugin to do it. This article describes how to use the plugin in your Eleventy site.
May 10, 2023
by John M. Wargo (43 posts) · Website & RSS feed
Categories: How to...
Meta Description and Keywords in Eleventy
This article describes how I added HTML Keywords to an Eleventy site.
May 1, 2023
by John M. Wargo (43 posts) · Website & RSS feed
Categories: ConfigurationHow to...
A Complete Guide to Building a Blog with Eleventy
Mar 4, 2023
by Raymond Camden (101 posts) · Website
Categories: BloggingHow to...Getting Started
Built with Eleventy
Just a few of the many sites built with Eleventy. I just share a few that come across my limited-scope radar. If you want to see more, check out the Eleventy Leaderboards.
A long-distance hiking blog
art director/designer