OG Images with the Eleventy Image Plugin
A developer's journey implementing dynamic Open Graph images for a blog using the Eleventy Image plugin and SVG.
A developer's journey implementing dynamic Open Graph images for a blog using the Eleventy Image plugin and SVG.
A developer explains how they automated image generation and optimization using the Eleventy Image plugin for their static site.
A developer explores integrating Rollup.js into the 11ty static site generator's build pipeline for more efficient JavaScript bundling.
A developer introduces Webmention Analytics, a tool for visualizing and filtering webmention data from webmention.io to combat spam and gain insights.
A tutorial on integrating Pocket bookmarks into an Eleventy static site using the Pocket API and environment variables.
How to use Netlify build plugins to create and persist a cache folder between builds, using webmentions as an example.
A web developer reflects on 2020 career changes, embracing frontend development, and focusing on core web technologies for 2021.
A web developer's 2020 year-in-review, covering blog redesign, writing, and speaking at tech events.
A personal review of 2020 focusing on positive aspects like remote work, web development projects, writing, and virtual events.
A step-by-step guide on how to submit your Eleventy-built website to the official Eleventy leaderboards via a GitHub pull request.
A guide to creating flexible, reusable components in Eleventy using Nunjucks macros, comparing them to React function components.
A guide to improving website security using WebPageTest and Snyk, focusing on implementing HTTP headers like CSP and X-Frame-Options.
The author details the relaunch of their web development blog, highlighting new features and a migration from Gatsby to Eleventy.
Learn how to create custom collections in Eleventy to organize and display blog posts more efficiently without repetitive tagging.
A tutorial on generating an auto-updating sitemap.xml file for SEO using the Eleventy static site generator.
A tutorial on dynamically generating unique Open Graph images for blog posts using Eleventy (11ty) and the Cloudinary API.
A developer shares their favorite recent tech discoveries, including the GSAP ScrollTrigger plugin for animations and the Eleventy static site generator.
A developer's guide to building a Jamstack blog using Eleventy (11ty) as the static site generator and WordPress as a headless CMS via its REST API.
A developer compares Gatsby and Eleventy static site generators for a personal website redesign, discussing pros, cons, and the whimsical web trend.
A technical guide on using Eleventy's pagination feature to automatically generate Twitter card images (SVG) for blog posts.