diff --git a/README.md b/README.md index 9b9f46f..6be471e 100644 --- a/README.md +++ b/README.md @@ -112,7 +112,7 @@ npx @11ty/eleventy --serve You can run [debug mode](https://www.11ty.dev/docs/debugging/) to see all the internals. -## Features +## Key Features - Using [Eleventy ~~v2.0~~ 3.0 alpha](https://www.11ty.dev/blog/canary-eleventy-v3/) with zero-JavaScript output. - Content is exclusively pre-rendered (this is a static site). @@ -123,6 +123,31 @@ You can run [debug mode](https://www.11ty.dev/docs/debugging/) to see all the in - [View the Lighthouse report for the latest eleventeen build](https://eleventeen.blog/reports/lighthouse/) courtesy of the [Netlify Lighthouse plugin](https://github.com/netlify/netlify-plugin-lighthouse). - _0 Cumulative Layout Shift_ - _0ms Total Blocking Time_ + +## We work hard for these hundies + +Like Eleventy Base Blog, eleventeen scores a perfect 400 on Lighthouse audits, 100 in accessibility, best-practices, performance, and SEO. + +If you deploy eleventeen to Netlify as is with its included `netlify.toml` build config file, eleventeen expects [netlify-plugin-lighthouse](https://github.com/netlify/netlify-plugin-lighthouse) to be installed at v6 or higher, so it can monitor Lighthouse audit performance thresholds in the `onPostBuild` event. v5 changed @netlify/plugin-lighthouse’s default behavior to running during the `onSuccess` build step in [PR #588](https://github.com/netlify/netlify-plugin-lighthouse/pull/588). Running the plugin in `onPostBuild` now requires `fail_deploy_on_score_thresholds` to be set to `true` in `netlify.toml`. + +If the plugin is not installed or installed at a version older than 5.0.0, particularly 4.1.1 or lower, you will get a “failed due to plugin error” during the build. The deploy log shows “Deploy failed due to an error in @netlify/plugin-lighthouse plugin,” and more specifically: + +``` +Plugin "@netlify/plugin-lighthouse" invalid/unknown input(s) "fail_deploy_on_score_thresholds" +``` + +You can [install the plugin through the Netlify UI](https://www.npmjs.com/package/@netlify/plugin-lighthouse#install-plugin-through-the-netlify-ui): “from the [Integrations Hub](https://www.netlify.com/integrations/lighthouse/), the [Plugins directory](https://app.netlify.com/plugins), or through this [direct installation link](https://app.netlify.com/plugins/@netlify/plugin-lighthouse/install).” One tricky part of installing it through the UI is making sure you are on version 6 or higher. v6 is the latest version as of 2024-05-01. To check you can visit your site’s [Enabled integrations](https://docs.netlify.com/integrations/build-plugins/#manage-plugin-versions) and select Options > Change version to make sure you are on a major version greater than or equal to 6.0.0. + +Alternatively, you can install the plugin manually with: + +```sh +npm i -D @netlify/plugin-lighthouse +``` + +Some versions below v6 can exhibit an issue where the presence of a `x-robots-tag: noindex` header on deploy previews lowers the SEO score to 92, but even then production builds still score 100. The solution is to update the plugin, and this is what led to discovering the issues detailed here, in [PR #16](https://github.com/rdela/eleventeen/pull/16) / [commit 5172fb3](https://github.com/rdela/eleventeen/commit/5172fb3678da0b1c0bc03ace86a4175104efbd62), and [on Mastodon](https://mastodon.social/@rdela/112209383077547429). Note netlify-plugin-lighthouse is now in [maintenance(-only) mode](https://github.com/netlify/netlify-plugin-lighthouse/blob/main/CONTRIBUTING.md). + +## More Features + - Local development live reload provided by [Eleventy Dev Server](https://www.11ty.dev/docs/dev-server/). - Content-driven [navigation menu](https://www.11ty.dev/docs/plugins/navigation/) - [Image optimization](https://www.11ty.dev/docs/plugins/image/) via the `{% image %}` shortcode. @@ -151,8 +176,8 @@ You can run [debug mode](https://www.11ty.dev/docs/debugging/) to see all the in ## Demos - eleventeen on Netlify, Rainbow Mode (default): - or -- eleventeen on Netlify, Mono Mode: + or ([Latest Lighthouse report](https://eleventeen.blog/reports/lighthouse/)) +- eleventeen on Netlify, Mono Mode: ([Latest Lighthouse report](https://mono.eleventeen.blog/reports/lighthouse/)) - [eleventy-base-blog on Netlify](https://eleventy-base-blog.netlify.app) - [eleventy-base-blog on GitHub Pages](https://11ty.github.io/eleventy-base-blog/) - [Remix eleventy-base-blog on Glitch](https://glitch.com/~11ty-eleventy-base-blog) diff --git a/_data/metadata.js b/_data/metadata.js index e044760..03f3c38 100644 --- a/_data/metadata.js +++ b/_data/metadata.js @@ -1,5 +1,5 @@ let data = { - title: "eleventeen v9.2.12-alpha.9", + title: "eleventeen v9.2.13-alpha.10", url: "https://eleventeen.blog", language: "en", description: "Rainbow Eleventy blog", @@ -10,7 +10,7 @@ let data = { }, siteimage: "https://o.famebot.com/file/famebot/eleventeen.png", mono: false, - eleventeen: "9.2.12-alpha.9", + eleventeen: "9.2.13-alpha.10", }; export default data; \ No newline at end of file diff --git a/content/index.njk b/content/index.njk index d79c8fe..4b04324 100644 --- a/content/index.njk +++ b/content/index.njk @@ -7,7 +7,7 @@ numberOfLatestPostsToShow: 12 --- {% set postsCount = collections.posts | length %} {% set latestPostsCount = postsCount | min(numberOfLatestPostsToShow) %} -

Latest {{ latestPostsCount }} Post{% if latestPostsCount != 1 %}s{% endif %}

+

Latest {% if latestPostsCount != 1 %}{{ latestPostsCount }} {% endif %}Post{% if latestPostsCount != 1 %}s{% endif %}

{% set postslist = collections.posts | head(-1 * numberOfLatestPostsToShow) %} {% set postslistCounter = postsCount %} diff --git a/package.json b/package.json index fefa802..5aefbfc 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "eleventeen", - "version": "9.2.12-alpha.9", - "description": "A starter repository for a blog web site using the Eleventy site generator.", + "version": "9.2.13-alpha.10", + "description": "Starter repository for a website built with Eleventy + eleventeen", "type": "module", "scripts": { "build": "eleventy", @@ -39,10 +39,10 @@ }, "homepage": "https://github.com/11ty/eleventy-base-blog#readme", "devDependencies": { - "@11ty/eleventy": "3.0.0-alpha.9", + "@11ty/eleventy": "3.0.0-alpha.10", "@11ty/eleventy-img": "^4.0.2", "@11ty/eleventy-navigation": "^0.3.5", - "@11ty/eleventy-plugin-bundle": "^1.0.5", + "@11ty/eleventy-plugin-bundle": "^2.0.2", "@11ty/eleventy-plugin-rss": "^1.2.0", "@11ty/eleventy-plugin-syntaxhighlight": "^5.0.0", "@famebot/chromagen": "^1.0.1",