27 posts in 'Nunjucks/Macros'

Adding Random Content Using Eleventy

Learn how to use Eleventy to add dynamic, random content like film quotes or targeted Q&A sections to your website. A step-by-step guide with practical examples and code snippets.

Dec 13, 2024

by Stu Robson (1 post) · Website & RSS feed

Categories: Data Cascade How to...Nunjucks/Macros Shortcodes

Eleventy - Zero JS charts

It'd be cool to be able to sprinkle in some charts to your website easily. And without a lick of client-side JavaScript.

Sep 9, 2024

by Rob O'Leary (11 posts) · Website & RSS feed

Categories: CSS/Sass How to...Nunjucks/Macros

Dynamic Content Includes

In this post, I explain how I solved two issues at the same time by introducing a feature to my post layout that I’m calling pre and post includes.

May 24, 2024

by Chris Burnell (7 posts) · Website & RSS feed

Categories: Front Matter How to...Layouts Nunjucks/Macros

Controlling whitespace in 11ty with Nunjucks

Eleventy (11ty) Tutorial

May 11, 2024

by Al Power (8 posts) · Website & RSS feed

Categories: Debugging How to...Layouts Nunjucks/Macros

A custom collection to sort events with Eleventy

I made a custom collection with a filter to sort events by their custom date data.

May 9, 2024

by Sami Määttä (5 posts) · Website

Categories: Collections Dates Filters Front Matter Nunjucks/Macros

Refactor by shortcode

I decided to take on some overdue refactoring of the 11tybundle.dev site. Here's what I did.

Feb 20, 2024

by Bob Monsour (13 posts) · Website & RSS feed

Categories: Filters How to...Nunjucks/Macros Shortcodes

Different favicon for development build

How to make tabs in the browser always show which build you’re working on.

Jan 30, 2024

by Nikita Dubko (1 post) · Website & RSS feed

Categories: Configuration How to...Nunjucks/Macros

Grouping posts by year with nunjucks in Eleventy

Group by year in a clear and readable manner.

Nov 24, 2023

by Christopher Kirk-Nielsen (9 posts) · Website & RSS feed

Categories: Collections Dates Filters How to...Nunjucks/Macros

Now I have a few posts, it would be good to have some way to narrow them down when looking for something specific.

Sep 9, 2023

by Thomas Rigby (6 posts) · Website & RSS feed

Categories: Filters How to...Nunjucks/Macros

From Nunjucks to Liquid

Changing the template language from nunjucks to Liquid in my eleventy project

Jul 14, 2023

by Morten Birch (1 post) · Website

Categories: Nunjucks/Macros

Time to move on from Nunjucks?

Here are some points to consider about how you should build and maintain Eleventy sites going forward.

Mar 18, 2023

by Bryce Wray (26 posts) · Website & RSS feed

Categories: Nunjucks/Macros

CAUTION

The posts below were published before the release of Eleventy v2.0.0 (Feb 8, 2023). Information in these posts may be out of date. The current stable release is 2.0.1. Eleventy v3.0 is currently under development and available for testing.

11ty, nunjucks, tag counts

Using nunjucks to get the count of the posts for a tag.

Jan 31, 2023

by Clayton Errington (12 posts) · Website & RSS feed

Categories: Nunjucks/Macros How to...

Components with Nunjucks and 11ty

We are going to be go through the first steps to get up and running with 11ty. Building a 11ty site from scratch will help you keep your site lightweight, scalable and easy to manage.

Jan 25, 2023

by Jeremy Faucher (8 posts) · Website & RSS feed

Categories: CSS/Sass Configuration How to...Nunjucks/Macros

Creating link tags with a data file and Nunjucks, using Eleventy

Kevin is a designer based in the UK specialising in digital product design, design systems and all things web.

Jan 7, 2023

by Kevin Healy (1 post) · Website & RSS feed

Categories: Nunjucks/Macros How to...

Shorter shortcuts through Nunjucks macros in Eleventy

While seeking a way to cut a three-line call down to one line, I found some great advice on using a sometimes-overlooked aspect of a popular templating language.

Sep 24, 2022

by Bryce Wray (26 posts) · Website & RSS feed

Categories: Nunjucks/Macros

Using Eleventy transforms to render asynchronous content inside Nunjucks macros

The online journal of Ashur Cabrera.

Aug 9, 2022

by Ashur Cabrera (8 posts) · Website & RSS feed

Categories: Nunjucks/Macros How to...

11ty quick tip: Nunjucks include in markdown without indentation

If you're not careful, included files are not correctly rendered.

Mar 19, 2022

by Tim Kleyersburg (2 posts) · Website

Categories: Nunjucks/Macros Markdown

Nunjucks Conditional Statement Examples for Eleventy

We are going to be go through the first steps to get up and running with 11ty. Building a 11ty site from scratch will help you keep your site lightweight, scalable and easy to manage.

Jan 25, 2022

by Jeremy Faucher (8 posts) · Website & RSS feed

Categories: How to...Nunjucks/Macros

Using Storybook with Nunjucks components in Eleventy

The online journal of Ashur Cabrera.

Jan 24, 2022

by Ashur Cabrera (8 posts) · Website & RSS feed

Categories: Nunjucks/Macros How to...

CAUTION

The posts below were published before the release of Eleventy v1.0.0 (Jan 9, 2022). Information in these posts may be out of date. The current stable release is 2.0.1. Eleventy v3.0 is currently under development and available for testing.

Includes and Macros

Comparing techniques for encapsulating HTML components in Nunjucks or Jinja2.

Nov 20, 2021

by Evan Sheehan (7 posts) · Website & RSS feed

Categories: Nunjucks/Macros

Using parameters in your eleventy includes with nunjucks macros

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

Aug 10, 2021

by Thomas Semmler (3 posts) · Website & RSS feed

Categories: How to...Nunjucks/Macros

Modular code with Nunjucks and 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.

Aug 6, 2021

by Jérôme Coupé (10 posts) · Website & RSS feed

Categories: Nunjucks/Macros