11ty

Some helpful notes and tools for migrating an existing Wordpress site to Eleventy

Tips, tricks and tutorials on the web’s most beautiful language.

Storybook is great for component-driven development. This blog post shows you how to use Storybook with 11ty.

A simple solution to having a search feature on a static website

11ty filter for returning a sorted list of tags from collections. Use the it in a template like {{ collections.foo | taglist }} to get the sorted tag list. - sort-tags.js

Create Open Graph images in Eleventy using your templates, data and CSS. Fast and reproducible, without a headless browser. - KiwiKilian/eleventy-plugin-og-image: Create Open Graph images in Eleven...

I like to use NPM scripts for my asset pipeline instead of using Eleventy to generate assets and orchestrate everything. The latest release of Eleventy Dev Server makes that approach both easy to implement and quite performant.

In what could and perhaps should be the end of this saga, here’s code to provide static tweets and static Mastodon toots 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.

Exercise more control over when, and if, your posts appear.

Second part of a beginner's guide to eleventy

Eleventy Computed Data makes it easy to reuse your filters outside of your templates.

Use SVG icons in Eleventy and only ship the code you need.

Last year, I build an advent calendar using Eleventy and Github Actions. In this blog post, I tell more about the progress and the result.

Learn how Netlify makes it easy to build and host your site as it scales. Use Netlify Redirects and Proxy to provide a seamless web experience for your users as your site grows in size.

Bernard Nijenhuis • Front-end Developer • Katwijk, The Netherlands • Father of 3 kids • Husband to 1 wife • Owner of 2 cats

Bernard Nijenhuis • Front-end Developer • Katwijk, The Netherlands • Father of 3 kids • Husband to 1 wife • Owner of 2 cats

Like many in the past week, I have been having a serious look at Mastodon as an alternative to Twitter.

Mastodon is a free, open-source social networking service that is decentralized ...

You can find me on Mastodon using @reverentgeek@reverentgeek.com! Here's how I did it using 11ty and Netlify!

I don’t usually do multipart posts, but this one grew a bit after I published the initial article. The setup I’ve got there describes how to import content from Notion to Eleventy and render a site. But it’s getting very slow very soon.

11ty starter: uses md and notion as data sources. Contribute to thiagomgd/eleventy_notion_starter development by creating an account on GitHub.

Bernard Nijenhuis • Front-end Developer • Katwijk, The Netherlands • Father of 3 kids • Husband to 1 wife • Owner of 2 cats

Building a no-JS navigation menu with the details element.

ONS Design System. Contribute to ONSdigital/design-system development by creating an account on GitHub.

Until recently, I've been using GitHub Actions to trigger builds on my website, but this approach meant that builds for the site were only run once a day and that I couldn't schedule specific times for posts to go live. In February of this year, Netlify announced Scheduled Functions, and one of the use cases that I'd seen mentioned was scheduling builds.

Since migrating my blog to DEV, I've been looking at rebuilding my website as a simple signpost to my...

At first 11ty/eleventy (11ty) is a static site generator created by Zach Leatherman . In the past two articles, we created samples using the 11ty official s...

How to setup a SASS preprocessor, autoprefixer and minifier for eleventy with Gulp.