The v8 release of Eleventy’s Base Blog starter project using Eleventy 2.0
2023 January 24
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)