templating

If you find yourself writing the same `if` statement multiple times, add it to `.eleventy.js` as a filter and keep a single source of truth

Paginate a custom taxonomy (categories) with Eleventy - jeromecoupe/11ty-paginate-taxonomies: Paginate a custom taxonomy (categories) with Eleventy

These days, web development and design are all about modularization and components. Template languages have a lot to offer and Eleventy itself has a few tricks up its sleeve.

One of the many cool features of Eleventy is its support of multiple template languages. But what the heck are template languages and how can you use them to...

Replacement for `url` filter that creates relative links - michaelfig/eleventy-filter-relative-url: Replacement for `url` filter that creates relative links

Create an archive page grouped by year (or anything you want!) using 11ty's built in pagination and a modified collection.

Using a custom 11ty collection to group post by any attribute.

Comparing techniques for encapsulating HTML components in Nunjucks or Jinja2.

Ever wanted to nest Markdown in HTML? In 11ty, you can easily do this with paired shortcodes and a custom Markdown library parser.

Sometimes it’s a little confusing what the difference between shortcodes, data and filters really is, and frankly the boundaries can become a little blurred with 11ty.

Collections allow you to group templates and then sort, filter, and perform other manipulations to customize the display of your template content and data.

11ty comes with some useful plugins for markdown manipulation, one of these is...

How-to on creating separate collections and layouts for a custom content type. In this case: cocktails!

While looking around a repository at something else I discovered this clever approach.

When switching from Jekyll to Eleventy, I discovered that my headings no longer had id attributes in the rendered HTML. This meant that I couldn’t link directly to headings in my (sometimes very...

If you write a technical blog and use 11ty as your static site generator of choice you might run into a conundrum: How do you show Liquid or Nunjucks template code in your code blocks.

How to pass parameters to an include in Nunjucks

Includes are great. But for actual reusability of code, parameters are always needed. Luckily, nunjucks makes this possible with macros!

Front matter, templates, collections, and JavaScript.

I was reading an article on Serverless, this lead me to few terms/technologies/concepts that I wasn't...

RSS is XML with a specification, however not all RSS feeds follow the spec. In this post, we process the feed as an XML document meaning we can access the extra attributes and values

Create a single-page site that composites working code examples by leveraging Nunjucks templating abilities and custom collections and shortcodes.

How I added a similar post component to my blog with Eleventy and Liquid.

Eleventy comes with a built-in tagging system. For a recent project, I wanted to use my own category system, which led me to dive a bit deeper into extending and configuring Eleventy.

Static website workflow utilising Eleventy, Tailwind CSS, Webpack and PostCSS. - scottishstoater/jamstack-web-starter

Eleventy template using Bootstrap, Sass, Webpack, Vue.js powered search, includes lots of other features - planetoftheweb/seven