Skip to main content

Issue 8 - A new author, a scroll-to-top button, and some refactoring

3 minutes to read

Welcome to Issue 8 of the 11ty Bundle. 11ty, aka Eleventy, is a 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 templating languages, including HTML, Markdown, Nunjucks, Liquid, and more, which gives developers the freedom to choose the languages they are most comfortable with or that best suit their project's needs.

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).

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.

Categories: How to...Remote Data

Eleventy by Example, by Bryan Robinson

A review of "Eleventy by Example", by Bryan Robinson

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 […]

Categories: Remote DataHow to...

Automating Eleventy Post Creation

Describes a utility I created to automate creating a new post in an Eleventy site.

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.

Categories: How to...

Meta Description and Keywords in Eleventy

This article describes how I added HTML Keywords to an Eleventy site.

Categories: ConfigurationHow to...

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 Week in the Woods

A long-distance hiking blog

Jess Keoshian

art director/designer

Get the blog by email (or RSS)

Powered by Buttondown