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.
- 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
srcsetand optionalsizes - Includes
width/heightattributes 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: trueto mark a blog post as a draft. Drafts are only included during--serve/--watchand are excluded from full builds. View the Drafts plugin source code. - Automated next/previous links
- Accessible deep links to headings
- Draft posts: use
- 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)