Eleventy Base Blog v9

Full Changelog: v8.0.0...v9.0.0

The new version of Eleventy Base Blog that pairs nicely with Eleventy v3.0.0.

Features

Here’s what the base blog now offers out of the box:

• Using Eleventy v3 with zero-JavaScript output.
  • Content is exclusively pre-rendered (this is a static site).
  • Can easily deploy to a subfolder without changing any content
  • All URLs are decoupled from the content’s location on the file system.
  • Configure templates via the Eleventy Data Cascade
• Performance focused: four-hundos Lighthouse score out of the box!
  • 0 Cumulative Layout Shift
  • 0ms Total Blocking Time
• Local development live reload provided by Eleventy Dev Server.
• Content-driven navigation menu
• Fully automated Image optimization
  • Zero-JavaScript output.
  • Support for modern image formats automatically (e.g. AVIF and WebP)
  • Processes images on-request during --serve for speedy local builds.
  • Prefers <img> markup if possible (single image format) but switches automatically to <picture> for multiple image formats.
  • Automated <picture> syntax markup with srcset and optional sizes
  • Includes width/height attributes to avoid content layout shift.
  • Includes loading="lazy" for native lazy loading without JavaScript.
  • Includes decoding="async"
  • Images can be co-located with blog post files.
• Per page CSS bundles via eleventy-plugin-bundle.
• Built-in syntax highlighter (zero-JavaScript output).
• Draft content: use draft: true to mark any template as a draft. Drafts are only included during --serve/--watch and are excluded from full builds. This is driven by the addPreprocessor configuration API in eleventy.config.js. Schema validator will show an error if non-boolean value is set in data cascade.
• Blog Posts
  • Automated next/previous links
  • Accessible deep links to headings via IdAttribute plugin and <heading-anchors> Web Component.
• Generated Pages
  • Home, Archive, and About pages.
  • Atom feed included (with easy one-line swap to use RSS or JSON
  • sitemap.xml
  • Zero-maintenance tag pages (View on the Demo)
  • Content not found (404) page

Demos:

Netlify
Vercel
Cloudflare Pages

Contributions

• Tag needs to be posts not post by @saif71 in #146
• Refactors style bundling so it's easy to avoid an insecure CSP by @DougReeder in #151
• Update README.md to correct Netlify Drop link by @charliegroll in #176
• Add JSDoc (for completion) eleventy.config.js by @Zearin in #153
• Eleventy Base Blog v9 (using Eleventy v3 and ESM) by @zachleat in #184