Remote Data 128 posts
Category: REMOTE DATA (128 posts)
2025
How I fixed an 11ty performance error that caused my build time to be seven minutes
Lighting Up GitHub Embeds in My Eleventy Blog
October 3, 2025 For the longest time, sharing code from GitHub meant screenshotting or pasting raw snippets into Markdown. Both options felt brittleโscreenshots hide the text from RSS readers, while copy-pastes drift out of sync the minute the upstream file changes. I wanted the readability of Emgit
By Nicholas Clooney (5 posts)
Fetching a JSON file from GitHub at build time in Eleventy
Today I learned how to fetch a raw JSON file from GitHub at build time in Eleventy. Here's how I did it.
By Bob Monsour (20 posts)
How I Fixed My Blogroll
After troubleshooting eleventy my blog roll was the cause of the long build times
By Clayton Errington (19 posts)
Automating my links list
How I automated my Instapaper โlikedโ articles into a clean, sorted JSON feed for my 11ty site โ with date normalisation, HTML stripping, and deduplication, all running daily via GitHub Actions.
By Juan Fernandes (4 posts)
Building a digital bookshelf with Eleventy
Managing a personal reading list with Eleventy and the OpenLibrary API
By Damian Walsh (3 posts)
Custom CLI tool to link Mastodon posts and blog posts
Building a Printfulโpowered eโcommerce site with 11ty and Stripe
A behind-the-scenes look at how I built a fast, modern eโcommerce site using 11ty, Printful, and Stripe. Learn how to fetch product data, auto-generate category pages, and create a lightweight cart and checkout experienceโwithout a CMS.
By Juan Fernandes (4 posts)
How To Implement Favs In Eleventy
An easy way to implement favs - favorites, likes, kudos or whatever you want to call them - is by using a little bit of HTML,โฆ
By Martin Hรคhnel (14 posts)
A Quick Guide to Everything I Know about Webmentions
Collection of tutorials on webmentions including the basics โ you can get up and running with only two lines of HTML! โ using microformats to enrich your mentions; adding a webmention form; and parsing, displaying, and updating them with Eleventy, Netlify, and Bridgy.
By Reilly Spitzfaden (3 posts)
A Test of Eleventy Fetch
Letterboxd to Markdown
A small node script to create a markdown file for each movie review in a Letterboxd RSS feed
By Keith Kurson (3 posts)
Creating a blogroll page from Mastodon bookmarks
How I built a page with a list of the toots I have bookmarked in Mastodon.
By Simon Cox (16 posts)
Building a personal digital music library with Eleventy and APIs
Building a personal digital music library with Eleventy and APIs
By Damian Walsh (3 posts)
Implementing Webmentions
Dynamic pages with PHP and 11ty
When I moved this site to my own hosting I rewrote the dynamic code that had previously been handled by edge functions in PHP. To speed up build times and make things scale nicely as I add more content and pages, I recreated my media pag
By Cory Dransfeldt (46 posts)
Loading Pixelfed Photos with Eleventy
How I built the Books page
I went live with my Books page a short while ago. Here's how I built it.
By Bob Monsour (20 posts)
2024
Building a Goodreads bookshelf for 11ty
Oops, I built a headless frontend with 11ty
Dynamic pages with 11ty and Cloudflare workers
I *was* rendering about 3300 pages every time my 11ty site built โ probably overkill. About 615 artist pages, 1200+ movie pages, 500 show pages, 500 for books and ~35 for genres. Whew. Build times hovered at about a minute (still very impressive!) but would only ever increase
By Cory Dransfeldt (46 posts)
Making a Comment System with Eleventy and Netlify
It turns out a CMS can be pretty awesome
Having a CMS to update your site can be awesome. It's not strictly necessary and mine is entirely over-engineered but here we are. It's helpful on mobile, it's been incredibly useful on desktop.
By Cory Dransfeldt (46 posts)
Building a Euros sweepstake website with 11ty
Getting my top posts from Umami
I recently started using umami.is for website analytics, and figured I could use the API to output some stats about my blog
By Lewis Dale (5 posts)
GitHub Pages Reboot With 11ty
I've had my repos listed on my GitHub pages for 14 years, it was time to revisit it.
By John Hobbs (4 posts)
Fetching Achievements and Trophies for my Game Collection Page
How I'm fetching trophy and achievements to show on my game collection
By Robb Knight (20 posts)
Building out a books page
I had a ton of fun reading about how Melanie put together her reading page that I thought I'd write up a quick post on how I built mine.
By Cory Dransfeldt (46 posts)
Adding a Photo Stream to an Eleventy Site
Fetching all my public photos from Flickr & putting them on my page
By nonnullish (3 posts)
New Reading page, powered by the Airtable API
A walkthrough on how I used Eleventy and the Airtable API to power a bookshelf pages with books Iโve read
By Melanie Richards (1 post)
Showing Omnivore links as Bookmarks
Saving links to Omnivore and using labels to display those as bookmarks on my website
By Clayton Errington (19 posts)
Adding view count and like button to 11ty
How to mix static and dynamic content so you can spend more time in a void
By Megaemce (1 post)
Umami API Top 10 Pages
Using the Umami API to show the Top 10 pages on my website
By Clayton Errington (19 posts)
Eleventy - Convert a RSS Feed to a collection
I want to create an archive of all my writing. One source is the author RSS feeds of blogs I wrote for. How about I turn it into an eleventy collection?
By Rob O'Leary (13 posts)
Integrating a (somewhat) custom CMS with Eleventy
I've spent the last, uh, month or so inching my way towards leveraging a CMS to manage the content on this site. It started with improving my self-hosted scrobbling setup, importing yet more of my personal data and then looking around at friendlier options to manage what I'd spun up.
By Cory Dransfeldt (46 posts)
Building pages from data in Eleventy
I've expanded the media sections I already had built to include pages generated from data using Eleventy.
By Cory Dransfeldt (46 posts)
Keeping Out Dark Visitors
One short data file and one tiny template to blockโฆ er, dissuade all AI scrapers and crawlers.
By Shiv J.M. (13 posts)
notion2eleventy
notion2eleventy is a plugin for the Static Site Generator Eleventy (short: 11ty). It loads content from Notion into your 11ty directory. A status-based workflow ensures that only content that has changed is downloaded. The plugin is available as a Node module at npmjs.com.
By Stefan Brechbรผhl (3 posts)
Leveraging APIs like Notion with a nice caching system
How I implemented Notion and PSN APIs in my Eleventy build for my Now and Gaming pages.
By Christopher Kirk-Nielsen (14 posts)
Surfing The Web And Sharing What I Find
How I surf the web, manage my online bookmarks and share exciting hyperlinks with the community.
By fLaMEd (10 posts)
Building a Live Preview with Eleventy, Contentful, and Liquid Templating
As a part of the marketing team at Heyflow, I collaborate with people who work on the companyโs website. Although all team members are technically acquainted, sometimes they struggle to update the website. The struggle is not being able to visualize what will change on the page when updating the con
By Silvestar Bistroviฤ (3 posts)
Creating a Reading List with Eleventy and Omnivore
This website includes my personal reading list now. It was built using Eleventy and Omnivore, an approach described in this article.
By Tom Doe (10 posts)
Importing bookmarks to 11ty with the Pocket API
Pocket offers an API with which the saved bookmarks can be used and customized. I make use of this and save the data in a bookmark post on stebre.ch. Bookmarks with a specific tag are taken into account. After processing, the link saved on Pocket is archived.
By Stefan Brechbรผhl (3 posts)
How to Build a Serverless Guestbook
An article about building a serverless guestbook for a static website.
By Tom Doe (10 posts)
Building My Comics Page
How I built my comics page using League of Comic Geeks, a NodeJS module and Eleventy.
By fLaMEd (10 posts)
Weaving music data in and out of my personal website
I started integrating music data into my personal website when I added Last.fm artist and album displays to my now page. Initially, I tried sourcing artist images from a few different services, knowing that Last.fm had updated their API to stop serving them. After a fair bit of searching I found tha
By Cory Dransfeldt (46 posts)
Using Eleventy to Gobble Up Everything I Do Online
A blog post about how my site works based on a talk I did at the Eleventy meetup
By Robb Knight (20 posts)
Building a bespoke now-playing web component
I've long had a now playing element on the home page of my site that displays either what I've checked into on Trakt, the Lakers' record and who they're playing when a game is on or the last song I've listened to. After leveraging some new web components on my site, I decided to
By Cory Dransfeldt (46 posts)
Using Eleventy to Gobble Up Everything I Do Online
Using B2 as a JSON data store
My links page is powered by the Readwise Reader API but because there are, quite reasonably, rate limits in place, I've gone ahead and reduced the page count I fetch on each build and cached older link data from past builds in a B2 bucket.
By Cory Dransfeldt (46 posts)
Eleventy - Fetch data from the Github REST API to populate a projects page
We will populate a page with data from GitHub. We will use the eleventy-fetch plugin to do this with minimal code and refresh the data every 2 days.
By Rob O'Leary (13 posts)
Connect 11ty with Notion
Fรผr stebre.ch und bisher zwei weiteren Websites habe ich mir etwas neues ausgedacht. Da verwende ich neu den lieb gewonnen Static Site Generator 11ty in Kombination von Notion, einem vielseitigen Content Tool in der Cloud.
By Stefan Brechbรผhl (3 posts)
addRemoteData
Cloudflare Pages Cron Deploys
Link blogging using Readwise Reader
2023
Building robots.txt from a simple API endpoint
LastFM Recently Played with Eleventy
How I'm using Eleventy Fetch to display my recently played tracks from LastFM.
By Michael Bishop (2 posts)
Adding a GitHub Repository List to an Eleventy Site (part 2)
An extension of the previous post that shows how to add a list of GitHub repositories to this site using authenticated access to the GitHub REST API.
By John M. Wargo (45 posts)
Adding a GitHub Repository List to an Eleventy Site
I decided to add a list of GitHub repositories to this site; not because the site needs it, but because I wanted to learn how to do it. I built a quick and easy approach (with limitations) and this post describes how I did it.
By John M. Wargo (45 posts)
Programmatically importing your Last.fm listening data to ListenBrainz
I love Last.fm, but in the interest of redundancy, Ive started programmatically importing my listening data from Last.fm into ListenBrainz.
By Cory Dransfeldt (46 posts)
Adding Music Previews to My Now Page
How I added a simple audio preview to my recent Spotify tracks.
By Raymond Camden (104 posts)
DoubleShift
A small idea to check how many actors have been in both Scrubs and Grey's Anatomy turned into a much bigger thing
By Robb Knight (20 posts)
Popular Pages with Eleventy and Fathom Analytics
How I'm using the Fathom API to show a list of popular blogs posts in my Eleventy site
By Robb Knight (20 posts)
Generating the Firehose page on the 11tybundle site
Here's how the Firehose page of the 11tybundle.dev site is built.
By Bob Monsour (20 posts)
Excluding Livestreams from the YouTube Data API in JavaScript
The YouTube API doesn't exclude past livestream videos from a playlist on its own. Here's how I filtered them.
By Josh Vickerson (2 posts)
Making a privacy respecting hit counter with Plausible analytics
Adding a hit counter with Plausible is private and quick using their aggregate API
By Ginger (7 posts)
Hacking together a Tweekly.fm replacement
I mused the other day about wanting a replacement for Tweekly.fm which shut down due to Twitter's API changes and restrictions. In my case, the aim would be to make this compatible with Mastodon since that's where I've found myself spending the most time recently.
By Cory Dransfeldt (46 posts)
Using Wordpress as a headless CMS for Eleventy
Integrating WordPress Posts with 11ty
Scratch that...use the Google Sheets API
Just generating a json file from Google Sheets was not good enough. I had to use the API.
By Bob Monsour (20 posts)
Build a Blogroll with Eleventy
A step-by-step guide to adding a blogroll, complete with each blogโs latest posts, to your Eleventy site.
By Ben Myers (6 posts)
Now page: grouping episodes of the same tv show
I made a minor update to how I'm normalizing TV data for display on my now page.
By Cory Dransfeldt (46 posts)
Webmentions in Eleventy
There comes a time in every Eleventy blog's life where the author must write a post about implementing webmentions. Here is mine.
By David Hayes (1 post)
Website rewrite and switching to Notion as CMS
This website served me well for almost 5 years with minor improvements, tweaks and hacks. Now, it was time for a total rewrite and upgrading my stack and tools.
By Juha-Matti Santala (22 posts)
Pulling WordPress Post Categories & Tags Into Eleventy
Step by step guide to gathering post categories and tags from the WordPress REST API for better filtering and discoverability in an Eleventy blog.
By Steven Woodson (6 posts)
Now Page: Automatically Syncing My Now Pages
Building a popular posts widget in Eleventy using Plausible analytics
I took some time last week to build out a popular posts widget after seeing Zach's implementation using Google Analytics.
By Cory Dransfeldt (46 posts)
Wrapping Eleventy Fetch in a Retry Function
Now page update: poster art for shows and movies
Combine multiple API calls and eleventy-fetch to enrich Trakt metadata with poster art.
By fLaMEd (10 posts)
Displaying listening data from Apple Music using MusicKit.js
Up until now my now page has sourced music data from Last.fm (and may well again). But, in the interest in experimenting a bit, I've tried my hand at rewriting that part of the page to leverage data from Apple Music, using MusicKit.js instead.
By Cory Dransfeldt (46 posts)
Adding game cover art to my /now page
How I'm using Eleventy-Fetch and the Steam API to fetch recently played games, the games cover art and store page URL to display on my /now page.
By fLaMEd (10 posts)
From ICS to JSON: surfacing anticipated albums
I use MusicHarbor by Marcos Tanaka to track upcoming albums from my favorite artists (typically by syncing my last.fm data with the app.) When I see something new that I want to add to my collection I throw it on a calendar creatively titled Albums.
By Cory Dransfeldt (46 posts)
Using Goodreads Data in Eleventy - Update
A followup to my previous article on Goodreads and Eleventy
By Raymond Camden (104 posts)
Using Goodreads Data in Eleventy
An example of using exported Goodreads data in an Eleventy site.
By Raymond Camden (104 posts)
Eleventy Displaying Posts from Another Site
I wanted to pull the most recent articles from an Eleventy site into another Eleventy site, so I wrote this article to explain how I did it.
By John M. Wargo (45 posts)
I hooked up Eleventy to WordPress API
I’ve got some plans for this site. The main thing I want to do is bring my music collection into my main site, instead of having a subdomain. That thing has been a “prototype” for over 2 years nowโฆ The problem is that site uses Notion as its data source. I really like managing my [
By Andy Bell (3 posts)
Fetching & caching data from Airtable in my 11ty site
Building and Automating My Now Page
Building my /now page using Eleventy
As part of my commitment to writing about things I've written in other frameworks in Eleventy, this is how I re-engineered my /now page in Eleventy.
By Cory Dransfeldt (46 posts)
2022
From Notion to Eleventy, but faster
Pulling WordPress Content into Eleventy
Composable Architecture Powered by WordPress part 2 – How to pull content from a WordPress RESTful API into an Eleventy generated static site.
By Steven Woodson (6 posts)
Using Airtable as a Jamstack CMS
How I used Airtable as a content management system for a small portfolio website.
By Daniel Saunders (2 posts)
A truly fetching utility for Eleventy
While trying to make things work equally well in multiple repos, I discover the value of an Eleventy plugin Iโd previously ignored.
By Bryce Wray (26 posts)
Bringing your Notion database to life with Eleventy
How and why I combine Notion and Eleventy (11ty) to render my weekly feed stats on my website.
By Sam D King (1 post)
From Notion to Eleventy part 2: Building Markdown from JSON
The ramblings of Ryan Boone, a web developer and designer from Texas with a passion for open, accessible front end development.
By Ryan Boone (3 posts)
Including RSS Content in your Eleventy Site - Part 2
A follow up to my post on using RSS data with Eleventy sites
By Raymond Camden (104 posts)
Including RSS Content in your Eleventy Site
From Notion to Eleventy part 1: The Notion API
The ramblings of Ryan Boone, a web developer and designer from Texas with a passion for open, accessible front end development.
By Ryan Boone (3 posts)
A Google Static Maps Eleventy Plugin
Using a Google Photos Album in your Eleventy Site with Pipedream
Integrating a Google Photos Album in your Eleventy site with Pipedream
By Raymond Camden (104 posts)
Fetching remote images with Eleventy
Following up on last monthโs article about doing this in Hugo, we explain how to get there in a JavaScript-based SSG.
By Bryce Wray (26 posts)
2021
A Running Log - Garmin Connect and Eleventy
Use Eleventy to log Garmin Connect activities on a website and automate the process with Zapier and Netlify.
By Josh Crain (1 post)
Page Level URL Fetching with Eleventy
Blog post filter with Netlify Functions
I built my first ever serverless feature to add tag filtering to my blog listing. Here's how I integrated that to my Ghost & Eleventy setup with Netlify Functions.
By Juha-Matti Santala (22 posts)
Making an 11ty collection from a remote XML file
RSS is XML with a specification, however not all RSS feeds follow the spec. In this post, we process the feed as an XML document meaning we can access the extra attributes and values
By Mike Street (13 posts)
Integrating Eleventy with GitHub Flat Data
Create an 11ty collection from any RSS feed
Using 11ty global data files, we create an 11ty collection from an RSS feed. As an example, we show the latest YouTube videos on our website
By Mike Street (13 posts)
Using PDFs with the Jamstack - Now with Thumbnails
Combing Adobe PDF APIs with Eleventy to create PDF Thumbnails
By Raymond Camden (104 posts)
Accessing Eleventy Data on the Client Side
2020
Using Airtable with Eleventy
Adding Google Calendar to Your Jamstack - with Pipedream
An updated demonstration of integration calendar data into your Jamstack site - with Pipedream
By Raymond Camden (104 posts)
Hooking Up FaunaDB to Eleventy
Father, husband, developer relations and web standards expert, and cat demo builder.
By Raymond Camden (104 posts)
Using Eleventy data files for frequently used links
Have a set of frequently referenced links? A global data file can come in handy.
By Dana Byerly (8 posts)
Migrating from Node and Express to the Jamstack - Part 3
Father, husband, developer relations and web standards expert, and cat demo builder.
By Raymond Camden (104 posts)
Performant data fetching with promises and Eleventy
Fetching a whole bunch of data from APIs at build time can be an intensive process. Getting that data in a performant way and caching it locally is an important part of Jamstack projects.
By Jรฉrรดme Coupรฉ (10 posts)
Integrating Google Analytics with Eleventy
Integrating Netlify Analytics and Eleventy
Creating an Editable Site with Google Sheets and Eleventy
Remember Tabletop.js? We just covered it a little bit ago in this same exact context: building editable websites. Itโs a tool that turns a Google Sheet into
By David Atanda (2 posts)