Eleventy Cache Webmentions

screenshot of Eleventy Cache Webmentions
eleventy

Cache webmentions using eleventy-fetch and make them available to use in collections, layouts, pages, etc. in Eleventy.

Overview

The eleventy-cache-webmentions plugin is an essential tool for developers using Eleventy who want to leverage webmentions effectively. By caching webmentions with eleventy-fetch, this plugin provides a streamlined way to access and manage webmentions across various layouts, collections, and pages. It's an indispensable resource for enhancing user engagement and tracking mentions across the web in a more manageable manner.

With the introduction of version 2.0.0, users migrating from earlier iterations must adjust their implementation slightly but gain a host of new capabilities alongside improved functionality. For anyone looking to simplify the process of integrating webmentions into their Eleventy projects, this plugin is definitely worth consideration.

Features

  • Easy Installation: Use npm install @chrisburnell/eleventy-cache-webmentions for a seamless setup.
  • Node.js Compatibility: Requires Node.js version 18 or above, ensuring modern features and performance.
  • Global Data Access: Fetch webmentions as global data across your site using JavaScript or Liquid/Nunjucks.
  • Flexible Filtering: Includes Eleventy Filters and JavaScript functions for sorting and accessing specific webmention properties.
  • Page-specific Webmentions: Attach webmentions to pages using Directory Data, allowing for tailored content for each URL.
  • Custom Collection Building: Create collections of pages sorted by their number of webmentions to easily showcase popularity.
  • Targeted Retrieval: Options to fetch specific types of webmentions for more precise data representation.
  • Organized Caching: Provides a structured object for cached webmentions, allowing straightforward access and management.
eleventy
Eleventy

11ty is a static site generator that allows developers to build fast, modern websites using HTML, Markdown, and other templating languages, without the need for a complex build system.

eslint
Eslint

ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.