Getting Started

Contribute to aisha-yaseen/womenofjamstack development by creating an account on GitHub.

Mini Eleventy demo with the intro basics. Contribute to siakaramalegos/eleventy-demo development by creating an account on GitHub.

Why I built an Edge.js template plugin for 11ty, how it works, and why JavaScript developers may prefer Edge.js over other template engines.

The missing getting-started guide for the Eleventy (11ty) static-site generator.

I'm a Designer by Trade and a Writer at Heart.

It's been a while coming, but I've finally managed to get around to migrating to 11ty and Cloudflare Pages. I go over the ups and downs of the migration proc...

Create and run a website using a static site generator and Codeberg pages!

Pagination in Eleventy is bit strange. Out of the box, Eleventy comes with support for something the developers call "pagination", but it...

In 2020 I redid my portfolio and learned about eleventy while doing so.

Only weeks after telling you I was sticking with Hugo, I switch to Eleventy: the whys and wherefores.

Want to create a headless blog using Jamstack? Follow these steps to build your Jamstack-based blog using Eleventy and Netlify.

Use Kirby and 11ty to generate a headless kiosk application that works offline.

Chris McLeod is a software developer with over 20 years of experience. Sometimes he writes about it.

This time in Astro!

🎈 An 11ty blog theme inspired by the Web 1.0 aesthetic of GeoCities, MySpace, AngelFire, etc. Make the web weird again! - brennanbrown/retroweird

Learn how to deploy your website with your voice on any Apple device, using a serverless function and build hook on Netlify, and an Apple Shortcut.

Setting and using data in the static site generator Eleventy

Let's get some clarity on what single page apps are, how they work, and where they differ from server-side routing.

This site was built with Visual Code Studio and Eleventy.

The missing getting-started guide for the Eleventy (11ty) static-site generator.

In this post I will briefly describe my personal website’s history. It started in 1998. At this point, I have already gone through six iterations. I had already completely forgotten two of them.

Alex talks at length about what it's like using both Ghost and 11ty for two different blogs.

Have the same topic on your Build Awesome (formerly known as 11ty) website and want to view them all on one page? Here's how to do so with just one extra file, and no plugins needed.

After many fits and starts I finally have a proper site. Let me tell you all about it!

A brief tour through my shiny new Eleventy site.

How I've updated the drafts on my website with 11ty

A simple guide on how to make an Obsidian style Callout or Information box

💄 Accessible light and dark syntax highlighting themes - ericwbailey/a11y-syntax-highlighting

💄 Accessible light and dark syntax highlighting themes - ericwbailey/a11y-syntax-highlighting

This article will show you how to build a static site in 11 minutes using Eleventy

online and on the net

I wrote most of this post sometime in 2022 but I think it holds up alright in 2024 so I decided to publish it for posterity. I don’t really like doing posts like this—I’d much rather share some innocuous learnings or tips but it turns out I have opinions too 😓 Sorry! 2024-02-21: I’ve added a few reflections at the end of the post. 2024-04-27: Developpez.com has produced a French translation of this post. Since I quit Mozilla and went back to full-time Web development, I’ve discovered a few surprises. It turns out Web development is actually pretty hard, Web developers are actually very smart, and some of these frameworks and techniques we mocked as browser engineers aren’t so bad. Oops. At the same time, it turns out some Web developers have ideas about browsers and the Web that, as a former browser engineer and standards editor, I’m a bit dubious of. Here are a few of the things that surprised me.

Try it out in your project npm install @11ty/eleventy@latest Read more about getting started with Eleventy or why you should use Eleventy. v3.1.0 Issue Milestone: https://github.com/11ty/eleventy...

Want to get started with Eleventy but feel overwhelmed? Try out this pared-down tutorial

I'm learning new things. Because learning is good.

I just migrated this little website’s internals over to Eleventy. If I did my job right, you won’t notice the change.

Part I: What is a static site generator?

Quick brain dump around my experience with Eleventy.js, a static site generator.

A short summary of this site's migration from Hugo to Eleventy.