Juha-Matti Santala 22 posts

My current publishing setup for my notes doesn’t allow separate feeds for different categories so I built a small tool for my website to add entries manually to a separate feed with a single CLI call.

I organise all my Eleventy filters into one file and register them as filters by iterating over them all in the configuration function.

While building a website for our Pokémon TCG tournament series, I discovered a new handy tool within Eleventy to enable custom data formats.

The home of a developer community specialist.

To celebrate International RNG Day, I built a page that redirects you to a random blog post on my site.

I wanted to provide a programmatic access to the next event in our community’s event calendar and combined Eleventy and Netlify Functions to achieve it.

It’s time for documenting my current stack and process for writing and publishing a blog post.

A short guide on how to display blog posts grouped by year for a blog listing page in Eleventy using Nunjucks templating.

I love how in Eleventy, you can build a site step-by-step and at each small step, have a functional website. In this post, I describe a workshop structure I’ve used lately to teach a few of my friends how to build a static site with Eleventy.

Last week, the first 11ty Conference, also known as the 11ty International Symposium on Making Web Sites Real Good, took place and it blew my mind. Here are the best parts, which is pretty much everything.

Building website projects from the scratch with Eleventy is a delightful process in my experience because in the beginning, all you need is index.md and you can then customise and add on top of it as much as you like.

I’ve made some updates on my website - let’s talk about them. I added a search functionality with Pagefind, Webmention support both directions and microformats to my blog posts.

We had a lovely meetup with the Eleventy community. I talked about building meetup community sites utilizing Global Data Files and Robb talked about how he builds his website with Eleventy, pulling data in from various sources.

YouTube video

With Eleventy’s data files, I’ve come up with a good setup to build landing pages for communities that organize events.

This website served me well for almost 5 years with minor improvements, tweaks and hacks. Now, it was time for a total rewrite and upgrading my stack and tools.

After half a year of pondering, I finally wrote a bit of code to add comments to my blog via Mastodon replies.

I built my first ever serverless feature to add tag filtering to my blog listing. Here's how I integrated that to my Ghost & Eleventy setup with Netlify Functions.

Once your website is up and running, it's time to get a professional looking domain, think about analytics and collect data with forms.

In this post, we're gonna take a deeper look into Eleventy which takes care of building the website by combining layout templates with blog post data from Markdown files.

In this blog series, we will build a static website using Eleventy, NetlifyCMS, GitHub and Netlify. In the first post, we set everything up and deploy a template page to make sure everything works.

This website is run with Eleventy, using Markdown and Ghost CMS for blog posts. I've iterated in a couple of ways to build the CMS integration.