11ty

This article covers creating a blog from scratch using the static site generator Eleventy (aka 11ty). Eleventy keeps things simple and as you’ll see, enables you to very quickly create a fully functional site.

Eleventy might not have multilingual and localisation capabilities out of the box, but you can build a pretty good setup using global data files, collections and Nunjucks as a templating language.

Following my blogpost on multilingual websites with Eleventy, I had several questions about how to build a language switcher. Here is the approach I generally use.

A scaffold for a quick start building with the Eleventy SSG - philhawksworth/eleventyone

Read this page on the Filament Group website

Optimising your local development pipleine, for faster Eleventy Sass compilation

Adding responsive images to my 11ty build has been on my to-do list for a while… I've finally got it working 🎉

Recently I have been working on a project to create documentation for a large project automatically, and following current trends, we’ve focused on generating a static site using eleventy.io.…

View my YouTube Course on turning an HTML theme into an 11ty Theme here: https://www.youtube.com/playlist?list=PLOSLUtJ_J3rrJ1R1qEf8CCEpV3GgbJGNr It's no secret that I absolutely love static sites and static site generators. In this JAMstack demo, we'll be building a site using 11ty, a JavaScript static site generator. We got through set up and the basics. We hit a stumbling block around using data in the build. Post-video, I figured out it was bad placement of my data directory. The 11ty website: https://www.11ty.io/ Free Intro to ebook to CSS Grid: https://store.codecontemporary.com/solvi...

Andeers.com Archive About March 31, 2019 Eleventy Essentials I switched my personal site to Eleventy recently. It's a very good static site generator. Here are some tips and tricks I have discovered that are nice to have when you are creating a site. Start using the _data folder If you come from Jek...

The era of static site generators is ever-growing due to the popularity of JamStack on the web. We'll learn how to get started with 11ty, a static site generator and explore its use cases.

Ever heard of 11ty? It's a simple static site generator written in JavaScript. In this tutorial, we craft a small e-commerce app, exploring its set of features in the process.

This post explains how you can add scheduled publishing to your 11ty blog (with a bonus for drafts). Before I jump in though, 11ty is a surprisingly simple system for generating a static site from very little HTML, and drives content from markdown. Why is this good? Because it lets you, the author, move focus to writing and communicating. Why is writing good? It's , it's a safe experimentation area and it's good to own your content rather than contributing to another that could vanish any day. So, you're going to blog. Now onwards to scheduled posts and drafts!

I’m setting up a new Eleventy site, and I’ve run into one slight roadblock. My pages are organized into subdirectories. I want the index page of each directory to list all of the pages in that dire...

I built a new little site! It's a site for listing upcoming conferences in the world of front-end web design and development. In years past (like 2017),

A starter repository for a blog web site using the Eleventy static site generator. - 11ty/eleventy-base-blog

A minimal 11ty starting point for building static websites with modern tools. - ianrose/deventy

It's extremely surprising to me that HTML has never had any way to include other HTML files within it. Nor does there seem to be anything on the horizon