The v8 release of Eleventy’s Base Blog starter project using Eleventy 2.0

Last week marked the first beta release of Eleventy’s new v2.0 version. This week we’ve spent a little time updating our eleventy-base-blog project to the latest version and added a few new features too.

Try out the new eleventy-base-blog Starter Project

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

• Using Eleventy v2.0 with the new Eleventy Dev Server and that same great zero-JavaScript taste.
  • Can easily deploy to a subfolder without changing any content
• Performance focused: four-hundos Lighthouse score out of the box!
  • 0 Cumulative Layout Shift and 0ms Total Blocking Time
  • View the Lighthouse report for the latest demo build courtesy of the Netlify Lighthouse plugin. Notably, the demo site fails the build if the site goes below a perfect four-hundos threshold.
• Content-driven navigation menu via the Eleventy Navigation plugin
• Automated image optimization (without client JavaScript) via the Eleventy Image utility
  • Generate modern image formats automatically (e.g. AVIF and WebP)
  • Automated swap between <img> and <picture> dependent on how many output formats you’re using.
  • Markup is generated for you 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.
  • View the Image plugin source code
• Built-in syntax highlighter (no client JavaScript)
• Blog Posts
  • Draft posts: use draft: true to mark a blog post as a draft. Drafts are only included during --serve/--watch and are excluded from full builds. View the Drafts plugin source code.
  • Automated next/previous links
  • Accessible deep links to headings
• Generated Pages
  • Home, Archive, and About pages by default (configure more as needed!)
  • Customizable content not found (404) page
  • Feeds for Atom and JSON
  • sitemap.xml
  • Zero-maintenance tag pages (View on the Demo)

Read more blog posts: Jump to heading #

• Next: Eleventy v2.0.0, The Stable Release
• Previous: The very first beta release of Eleventy v2.0