Sign in

Build Awesome (11ty)

@11ty.dev
3.5K followers 8 following 531 posts

🎈 A simpler static site generator, maintained since 2017 🔗 www.11ty.dev 🐀 @zachleat.com 🤝 Team @fontawesome.com and @webawesome.com 🐘 Mastodon neighborhood.11ty.dev/@11ty

PostsRepliesMedia
Build Awesome (11ty) @11ty.dev · 18/08/2026
Did you know? Eleventy v3 shipped with JavaScript front matter built-in (no plugin or extra config needed!) Use ---js to enable it. Easier than a separate JavaScript data file! Learn more: www.11ty.dev/docs/data-frontmatter/…
A screenshot of a code sample, code as follows:

---js
const now = new Date();
const title = "Build Log";
const year = now.getFullYear();
const tags = ["posts", `y${year}`];
---
<h1>{{ title }} ({{ year }})</h1>
1230
Build Awesome (11ty) @11ty.dev · 14/08/2026
Add support for Drafts (in-progress content) using this five line config. This includes draft content during --serve or --watch but not with a regular build!
export default function ($config) {
  $config.addPreprocessor("drafts", "*", (data) => {
    if (data.draft && process.env.ELEVENTY_RUN_MODE === "build") {
      return false; // skipped in prod, visible in --serve
    }
  });
}
3110
Build Awesome (11ty) @11ty.dev · 13/08/2026
Did you know? Your robots.txt, 404 page, or sitemap.xml don't need to be files in your project. Virtual templates let you generate any output file via config (or plugin). Read more: www.11ty.dev/docs/virtual-templates
export default function ($config) {
  $config.addTemplate(
    "robots.njk",
    "User-agent: *\nAllow: /\nSitemap: {{ meta.url }}/sitemap.xml",
    { permalink: "/robots.txt" }
  );
}
140
Build Awesome (11ty) @11ty.dev · 18/06/2026
Possumbot now has the responsibility of letting Discord folks know about GitHub releases.
Official Build Awesome Possumbot 5000:

GitHub Releases [11ty/buildawesome]: Build Awesome v4.0.0-alpha.8
031
Build Awesome (11ty) @11ty.dev · 18/06/2026
Well, @npmx.dev seems to be happy with our v4 canaries so far! npmx.dev/package/@11t...
Package size and dependency count decreased since v3.1.6!
Install size reduced by 36% (5.4 MB smaller) -15 fewer dependency
1354
Build Awesome (11ty) @11ty.dev · 27/01/2026
it’s a good day to have a static site
a serene pastel water-scape stretches into the horizon. a small white balloon floats behind a small island far, far away.
1274
Build Awesome (11ty) @11ty.dev · 27/08/2025
Did you know? 💡 Eleventy has an official plugin that shows your project’s output files organized by directory with file sizes and compile/render times shown? Compatible with Eleventy v1 and newer! www.11ty.dev/docs/plugins...
A sample build of eleventy-base-blog running Eleventy v4.0.0-alpha.4 with entries organized by directory in _site/
1274
Build Awesome (11ty) @11ty.dev · 03/07/2025
import.meta.resolve can make it easier to passthrough copy assets from node_modules. Future improvements: github.com/11ty/elevent...
import { pathToFileURL } from "node:url";

eleventyConfig.addPassthroughCopy({
	[pathToFileURL(import.meta.resolve("@11ty/logo/assets/logo-bg.svg"))]: "img/logo-github.svg",
	// …
});
180
Build Awesome (11ty) @11ty.dev · 20/05/2025
brb mapping your project’s dependency graph
a screenshot from the movie War Games showing missile simulation maps
040
Build Awesome (11ty) @11ty.dev · 20/05/2025
not many folks used the very first version of eleventy on 8″ floppy
my hand is holding two 3d printed floppy disks, both with the 11ty sticker on top. one is 8″ and has v0.1.0 written on it. another is 3.5 and has v0.2.8 written on it
2423
Build Awesome (11ty) @11ty.dev · 16/05/2025
Try out the new interactive Playground component on the docs home page: www.11ty.dev#try-eleventy... That’s right: we’re running Eleventy in the build and in the browser. This unlocks many more exciting options for Eleventy projects — stay tuned!
A screenshot of the 11ty.dev home page playground, with panes for Code editing, output preview, input and output files, and view source option!
7519
Build Awesome (11ty) @11ty.dev · 16/05/2025
not many people know this but before npm we used to mail out physical media to folks
a 3d printed floppy disk with an 11ty sticker affixed. My hand is holding it up
12873
Build Awesome (11ty) @11ty.dev · 05/05/2025
Eleventy v0.11 will work on newer Node versions if the issue is that your Node version is no longer supported on your build server!
~/Temp/ ᐅ node --version                 
v22.13.1
~/Temp/ ᐅ npx @11ty/eleventy                  
Wrote 0 files in 0.01 seconds (v0.11.1)
120
Build Awesome (11ty) @11ty.dev · 22/04/2025
New in Eleventy Bundle v3.0.4: a new option to populate per-route bundles with content right out of your HTML. github.com/11ty/elevent... Here’s an example that puts all `<style>` element content into a `css` bundle:
// Per-page bundles, see https://github.com/11ty/eleventy-plugin-bundle
eleventyConfig.addBundle("css", {
	// Add all <style> content to `css` bundle (use <style eleventy:ignore> to opt-out)
	// Supported selectors: https://www.npmjs.com/package/posthtml-match-helper
	bundleHtmlContentFromSelector: "style",
});
271
Build Awesome (11ty) @11ty.dev · 16/04/2025
Added a quick little search form to the header on 11ty.dev.
A screenshot of 11ty.dev with the search form focused, the value of the search field says “eleventyCompu” (which is short for eleventyComputed)
0100
Build Awesome (11ty) @11ty.dev · 30/01/2025
maybe you can adapt this approach
a man is holding up an ipad when a terminal window, asking for a tip:

15%, 20%, 25%, Custom, No Tip
250
Build Awesome (11ty) @11ty.dev · 19/12/2024
happy <html>olidays from our dumpster to yours
A possum hangs from a red christmas tree ball ornament. A christmas tree sits in the background
1264
Build Awesome (11ty) @11ty.dev · 09/12/2024
we now go live to the louvre
A screenshot of the Mona Lisa, with the possum glasses crudely photoshopped on top. They are holding the possum red balloon in their hand.
2233