I recently took an existing codebase and ported it over to Eleventy. The main purpose was to recreate the website with existing markdown files and CSS. Creating the collections and templates…
I work a lot with the Laravel framework, which scaffolds much of your initial setup and has conventions for where code should be stored. Starting a brand new Eleventy project from scratch do…
If you're building up a custom Eleventy collection using addCollection, you may need to use existing filters to create the desired data. For built-in collections using tags, there is the ite…
After organising Eleventy filters, shortcodes etc I had an idea to tidy the code even more and make it dynamic. I wanted to automatically import any new functions that were added, including…
Lesezeichen mit der Pocket API nach 11ty importieren | stebre.ch
Pocket bietet eine API, mit der die gespeicherten Lesezeichen verwendet und angepasst werden können. Diese mache ich mir zu nutzen und speichere die Daten in einem Lesezeichenbeitrag auf stebre.ch. Es werden Lesezeichen mit einem spezifischen Tag berücksichtigt. Nach der Verarbeitung wird der auf Pocket gespeicherte Link archiviert.
notion2eleventy ist ein Plugin für den Static Site Generator Eleventy (kurz: 11ty). Es lädt Inhalte von Notion in dein 11ty-Verzeichnis. Mit einem statusbasierten Workflow wird dafür gesorgt, dass nur die Inhalte heruntergeladen werden, die sich verändert haben. Das Plugin ist als Node Modul auf npmjs.com verfügbar.
How to Deploy Eleventy to GitHub Pages With GitHub Actions
I recently discovered Eleventy, a modern static site generator that’s customizable and flexible, but without fuss.
Eleventy uses JavaScript, but it’s not a JavaScript framework. It uses Node.js under the hood to transform templates into static (HTML, CSS) content. But those pages don’t contain any JavaScript.
Eleventy was created to be a JavaScript alternative to Jekyll. It’s zero-config by default but has flexible configuration options. Eleventy works with your project’s existing directory structure.
Recap of 11ty International Symposium on Making Web Sites Real Good
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.
How I shaved 1.5 minutes off my Eleventy build time
I had a revelation earlier today that solved a long-standing performance issue I’ve been having with the initial build of my Eleventy website, and here’s how it saved me a bunch of time!
I am trying to write a nunjucks template that loops through an outer array and populates columns, then loops through a nested array to make rows in each column.
So, my data structure looks something
Loop.index - select 2 images/photos per element rendered - Support - Grav Community Forum
I am trying to select 2 media elements per div rendered using the receptar theme in each rendering of blog_item element. In other words, I need to display a container that holds divs, where each div displays two images. The first div would have image1 and image2, the second dive would have image3 and image4, etc… My blog_item.html.twig looks like this: div id="post-{{ loop.index }}" class="post-{{ loop.index }} post type-post status-publish format-standard has-post-thumbnail hentry category-ca...
Mastering Eleventy Folder Structures: From Default Setups to Real-World Best Practices | njfamirm
Explore the essentials of Eleventy's folder structure in this guide, perfect for optimizing your project's efficiency and scalability. Learn from basic setups to advanced custom structures, ensuring your 11ty site is perfectly organized for peak performance.