108 posts in &#39;Remote Data&#39;

Categories: Deployment How to...Remote Data

Making a Comment System with Eleventy and Netlify

How I managed to add a comments system to my static blog

Aug 11, 2024

by Cascade (2 posts) · Website & RSS feed

Categories: Dates How to...Netlify Remote Data Webmentions

Eleventy Lessons Learned

How I added a few features and quashed a few bugs.

Aug 6, 2024

by Cascade (2 posts) · Website & RSS feed

Categories: Blogging Images Remote Data Social Media

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.

Jul 18, 2024

Categories: CMS Front Matter How to...Remote Data

Building a Euros sweepstake website with 11ty

Jul 11, 2024

by Rob Wood (2 posts) · Website

Categories: Deployment How to...Remote Data Scheduling

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

Jul 10, 2024

by Lewis Dale (5 posts) · Website & RSS feed

Categories: Filters How to...Remote Data

GitHub Pages Reboot With 11ty

I've had my repos listed on my GitHub pages for 14 years, it was time to revisit it.

Jul 10, 2024

by John Hobbs (4 posts) · Website & RSS feed

Categories: Global Data Remote Data

Fetching Achievements and Trophies for my Game Collection Page

How I'm fetching trophy and achievements to show on my game collection

Jul 7, 2024

Categories: Filters How to...Remote Data

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.

Jul 3, 2024

Categories: Now Page How to...Remote Data

Adding a Photo Stream to an Eleventy Site

Fetching all my public photos from Flickr & putting them on my page

Jun 30, 2024

by nonnullish (3 posts) · Website & RSS feed

Categories: Global Data How to...Image Galleries Images Pagination Remote Data

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

Jun 28, 2024

by Melanie Richards (1 post) · Website & RSS feed

Categories: Data Cascade Global Data How to...Remote Data

Showing Omnivore links as Bookmarks

Saving links to Omnivore and using labels to display those as bookmarks on my website

Jun 25, 2024

by Clayton Errington (12 posts) · Website & RSS feed

Categories: Filters How to...Remote Data

Adding view count and like button to 11ty

How to mix static and dynamic content so you can spend more time in a void

Jun 21, 2024

by Megaemce (1 post) · Website & RSS feed

Categories: Debugging How to...Remote Data

Umami API Top 10 Pages

Using the Umami API to show the Top 10 pages on my website

Jun 11, 2024

by Clayton Errington (12 posts) · Website & RSS feed

Categories: Data Cascade Global Data How to...Remote Data

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?

Jun 5, 2024

by Rob O'Leary (11 posts) · Website & RSS feed

Categories: Collections How to...Remote Data RSS

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.

Jun 3, 2024

Categories: CMS Collections Layouts Remote Data

Building pages from data in Eleventy

I've expanded the media sections I already had built to include pages generated from data using Eleventy.

May 24, 2024

Categories: Data Cascade How to...Remote Data

Keeping Out Dark Visitors

One short data file and one tiny template to block… er, dissuade all AI scrapers and crawlers.

May 14, 2024

by Shiv J.M. (11 posts) · Website & RSS feed

Categories: How to...Permalinks Remote Data

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.

May 10, 2024

by Stefan Brechbühl (3 posts) · Website & RSS feed

Categories: How to...Plugins Remote Data

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.

May 3, 2024

by Christopher Kirk-Nielsen (9 posts) · Website & RSS feed

Categories: How to...Markdown Now Page Remote Data

How I surf the web, manage my online bookmarks and share exciting hyperlinks with the community.

Apr 30, 2024

Categories: Collections How to...Pagination Remote Data RSS

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 content. Saving the updates and […]

Mar 22, 2024

by Silvestar Bistrović (3 posts) · Website & RSS feed

Categories: CMS How to...Netlify Remote Data Serverless

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.

Mar 20, 2024

by Tom Doe (8 posts) · Website & RSS feed

Categories: Deployment How to...Plugins Remote Data

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.

Mar 6, 2024

by Stefan Brechbühl (3 posts) · Website & RSS feed

Categories: How to...Remote Data

How to Build a Serverless Guestbook

An article about building a serverless guestbook for a static website.

Mar 4, 2024

by Tom Doe (8 posts) · Website & RSS feed

Categories: How to...Remote Data

Building My Comics Page

How I built my comics page using League of Comic Geeks, a NodeJS module and Eleventy.

Feb 29, 2024

Categories: How to...Remote Data

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 that most services that supplied artist images covered only a small fraction of my library and often supplied the wrong image when there were multiple artists sharing the same name.

Feb 22, 2024

Categories: How to...Now Page Remote Data

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

Feb 21, 2024

Categories: Blogging Global Data How to...Remote Data Social Media

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 refactor the code powering this into a web component specific to my needs.

Feb 21, 2024

Categories: Remote Data How to...Now Page

Using Eleventy to Gobble Up Everything I Do Online

YouTube video

Feb 20, 2024

by Robb Knight (19 posts)

Categories: How to...Remote Data Social Media Webmentions YouTube

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.

Feb 19, 2024

Categories: Data Cascade Global Data How to...Remote Data

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.

Feb 7, 2024

by Rob O'Leary (11 posts) · Website & RSS feed

Categories: Filters Global Data Layouts Remote Data

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.

Feb 2, 2024

by Stefan Brechbühl (3 posts) · Website & RSS feed

Categories: How to...Remote Data

Automated weekly links posts with raindrop.io and Eleventy

Jan 22, 2024

by Sophie Koonin (5 posts) · Website & RSS feed

Categories: Dates Filters How to...Markdown Remote Data

addRemoteData

An Eleventy plugin for fetching remote data and exposing the response as a global data variable.

Jan 16, 2024

by Ashur Cabrera (8 posts) · Website & RSS feed

Categories: Plugins Remote Data

Cloudflare Pages Cron Deploys

Scheduling static site deploys daily

Jan 15, 2024

by Jeff Sheets (5 posts) · Website

Categories: Blogging Deployment Remote Data Webmentions

Link blogging using Readwise Reader

How I use Readwise Reader to post and share links.

Jan 10, 2024

Categories: Blogging How to...Remote Data

Building robots.txt from a simple API endpoint

The online journal of Ashur Cabrera.

Dec 31, 2023

by Ashur Cabrera (8 posts) · Website & RSS feed

Categories: Configuration How to...Remote Data

LastFM Recently Played with Eleventy

How I'm using Eleventy Fetch to display my recently played tracks from LastFM.

Dec 26, 2023

by Michael Bishop (2 posts) · Website & RSS feed

Categories: How to...Remote Data

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.

Dec 23, 2023

by John M. Wargo (43 posts) · Website & RSS feed

Categories: How to...Remote Data

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.

Dec 22, 2023

by John M. Wargo (43 posts) · Website & RSS feed

Categories: How to...Remote Data

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.

Dec 5, 2023

Categories: Data Cascade Global Data How to...Remote Data

Adding Music Previews to My Now Page

How I added a simple audio preview to my recent Spotify tracks.

Nov 29, 2023

Categories: How to...Remote Data

DoubleShift

A small idea to check how many actors have been in both Scrubs and Grey's Anatomy turned into a much bigger thing

Nov 27, 2023

Categories: How to...Remote Data

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

Nov 23, 2023

Categories: Data Cascade Filters How to...Remote Data

Generating the Firehose page on the 11tybundle site

Here's how the Firehose page of the 11tybundle.dev site is built.

Nov 21, 2023

by Bob Monsour (10 posts) · Website & RSS feed

Categories: Collections How to...Remote Data

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.

Nov 20, 2023

by Josh Vickerson (2 posts) · Website & RSS feed

Categories: How to...Remote Data YouTube

Making a privacy respecting hit counter with Plausible analytics

Adding a hit counter with Plausible is private and quick using their aggregate API

Nov 15, 2023

by Ginger (7 posts) · Website & RSS feed

Categories: How to...Remote Data

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.

Nov 15, 2023

Categories: How to...Remote Data

Using Wordpress as a headless CMS for Eleventy

How I avoided having to re-learn PHP and love Eleventy.

Nov 7, 2023

by Mike Aparicio (4 posts) · Website

Categories: CMS Global Data Navigation Pagination Remote Data Search

Integrating WordPress Posts with 11ty

Nov 2, 2023

by Kevin Gimbel (1 post) · Website & RSS feed

Categories: Blogging CMS Global Data Remote Data

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.

Oct 30, 2023

by Bob Monsour (10 posts) · Website & RSS feed

Categories: Data Cascade Global Data Netlify Remote Data

Speed up your CloudCannon Builds with Preserved Paths

YouTube video

Oct 16, 2023

by CloudCannon (7 posts)

Categories: Deployment How to...Remote Data YouTube

A step-by-step guide to adding a blogroll, complete with each blog's latest posts, to your Eleventy site.

Sep 21, 2023

by Ben Myers (6 posts) · Website & RSS feed

Categories: Data Cascade Remote Data How to...Configuration Blogging

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.

Sep 6, 2023

Categories: Remote Data How to...Now Page

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.

Sep 1, 2023

by David Hayes (1 post) · Website & RSS feed

Categories: How to...Remote Data Webmentions

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.

Aug 22, 2023

by Juha-Matti Santala (14 posts) · Website & RSS feed

Categories: Remote Data How to...

How I built my Now page

YouTube video

Aug 22, 2023

by Raymond Camden (101 posts)

Categories: How to...Remote Data YouTube

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.

Aug 15, 2023

by Steven Woodson (6 posts) · Website & RSS feed

Categories: Remote Data How to...

Now Page: Automatically Syncing My Now Pages

How I automatically sync my now page with omg.lol

Jul 23, 2023

Categories: How to...Remote Data Now Page

I took some time last week to build out a popular posts widget after seeing Zach's implementation using Google Analytics.

Jul 12, 2023

Categories: Remote Data How to...

Now page update: poster art for shows and movies

Combine multiple API calls and eleventy-fetch to enrich Trakt metadata with poster art.

Jul 2, 2023

Categories: Remote Data How to...

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.

Jun 21, 2023

Categories: Remote Data How to...

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.

Jun 19, 2023

Categories: Images Remote Data How to...Now Page

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.

Jun 8, 2023

Categories: Remote Data How to...

Using Goodreads Data in Eleventy - Update

A followup to my previous article on Goodreads and Eleventy

Jun 8, 2023

Categories: Remote Data How to...

Using Goodreads Data in Eleventy

An example of using exported Goodreads data in an Eleventy site.

Jun 7, 2023

Categories: Remote Data How to...

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.

May 29, 2023

by John M. Wargo (43 posts) · Website & RSS feed

Categories: How to...Remote Data

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 […]

May 17, 2023

by Andy Bell (3 posts) · Website & RSS feed

Categories: Remote Data How to...

Fetching & caching data from Airtable in my 11ty site

Using the Airtable.js library and Eleventy Fetch

May 9, 2023

by Cassey Lottman (11 posts) · Website & RSS feed

Categories: Remote Data How to...

Building and Automating My Now Page

How I built and automated my now page with Eleventy and APIs.

Apr 19, 2023

Categories: How to...Remote Data Now Page

Syncing Letterboxd Data to Markdown Files

Owning my Letterboxd data.

Mar 22, 2023

by Mark Llobrera (7 posts) · Website & RSS feed

Categories: Remote Data

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.

Mar 18, 2023

Categories: Remote Data Now Page

Taking Eleventy into the Spiderverse with eleventy-fetch

Feb 24, 2023

by Jeff Sikes (2 posts) · Website & RSS feed

Categories: How to...Plugins Remote Data

CAUTION

The posts below were published before the release of Eleventy v2.0.0 (Feb 8, 2023). Information in these posts may be out of date. The current stable release is 2.0.1. Eleventy v3.0 is currently under development and available for testing.

Using the Airtable API with Eleventy Collections

A detailed guide to building a reading list with the Airtable API and templated Eleventy data. Includes general guidance regarding personal access tokens and environment variables, relevant to most API projects.

Jan 25, 2023

by Will Darwin (1 post) · Website & RSS feed

Categories: Remote Data Collections

From Notion to Eleventy, but faster

Mostly frontend, sometimes art

Dec 23, 2022

by Daniel Schulz (1 post) · Website & RSS feed

Categories: How to...Pagination Remote Data

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.

Dec 17, 2022

by Steven Woodson (6 posts) · Website & RSS feed

Categories: Remote Data

Using Airtable as a Jamstack CMS

Using the Airtable hybrid spreadsheet-database app as a CMS "back-end" for a personal portfolio Jamstack website.

Dec 3, 2022

by Daniel Saunders (2 posts) · Website

Categories: Remote Data

From Notion to Eleventy

Mostly frontend, sometimes art

Nov 10, 2022

by Daniel Shulz (1 post) · Website & RSS feed

Categories: Remote Data

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.

Sep 1, 2022

by Bryce Wray (26 posts) · Website & RSS feed

Categories: Remote Data How to...

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.

Aug 25, 2022

by Sam D King (1 post) · Website

Categories: Remote Data

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.

May 5, 2022

by Ryan Boone (3 posts) · Website

Categories: How to...Remote Data

Including RSS Content in your Eleventy Site - Part 2

A follow up to my post on using RSS data with Eleventy sites

Apr 3, 2022

Categories: How to...Remote Data RSS

Including RSS Content in your Eleventy Site

A quick example of using RSS content for an Eleventy page.

Mar 8, 2022

Categories: Remote Data How to...RSS

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.

Feb 26, 2022

by Ryan Boone (3 posts) · Website

Categories: How to...Remote Data

A Google Static Maps Eleventy Plugin

A simple Eleventy plugin to support Google Static Maps

Feb 2, 2022

Categories: How to...Remote Data

Using a Google Photos Album in your Eleventy Site with Pipedream

Integrating a Google Photos Album in your Eleventy site with Pipedream

Jan 28, 2022

Categories: Images How to...Remote Data Image Galleries

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.

Jan 25, 2022

by Bryce Wray (26 posts) · Website & RSS feed

Categories: Images Remote Data

CAUTION

The posts below were published before the release of Eleventy v1.0.0 (Jan 9, 2022). Information in these posts may be out of date. The current stable release is 2.0.1. Eleventy v3.0 is currently under development and available for testing.

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.

Aug 9, 2021

by Josh Crain (1 post) · Website & RSS feed

Categories: Data Cascade How to...Remote Data

Page Level URL Fetching with Eleventy

Making a network request on a page with Eleventy

Jul 30, 2021

Categories: How to...Remote Data Front Matter Global Data

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.

Jul 28, 2021

by Juha-Matti Santala (14 posts) · Website & RSS feed

Categories: Filters How to...Serverless Remote Data

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

Jul 26, 2021

by Mike Street (13 posts) · Website & RSS feed

Categories: Collections How to...Remote Data

Integrating Eleventy with GitHub Flat Data

How to use the Flat Data GitHub action with Eleventy

Jul 14, 2021

Categories: Remote 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

Jul 12, 2021

by Mike Street (13 posts) · Website & RSS feed

Categories: Remote Data Collections How to...RSS

Notion API with 11ty

How to use the Notion API in 11ty

Jul 4, 2021

by Constant Vallee (2 posts) · Website & RSS feed

Categories: Remote Data

Using PDFs with the Jamstack - Now with Thumbnails

Combing Adobe PDF APIs with Eleventy to create PDF Thumbnails

Mar 16, 2021

Categories: How to...Remote Data Pagination

Accessing Eleventy Data on the Client Side

Accessing Eleventy data files in your JavaScript code

Jan 18, 2021

Categories: Global Data Remote Data How to...Front Matter

Using Airtable with Eleventy

A long-winded look at getting Airtable data into Eleventy.

Dec 11, 2020

by Dana Byerly (8 posts) · Website & RSS feed

Categories: Remote Data How to...Global Data

Adding Google Calendar to Your Jamstack - with Pipedream

An updated demonstration of integration calendar data into your Jamstack site - with Pipedream

Dec 8, 2020

Categories: Remote Data How to...

Hooking Up FaunaDB to Eleventy

Father, husband, developer relations and web standards expert, and cat demo builder.

Sep 15, 2020

Categories: Remote Data How to...Pagination

Using Eleventy data files for frequently used links

Have a set of frequently referenced links? A global data file can come in handy.

Sep 5, 2020

by Dana Byerly (8 posts) · Website & RSS feed

Categories: Remote Data Global Data Data Cascade

Migrating from Node and Express to the Jamstack - Part 3

Father, husband, developer relations and web standards expert, and cat demo builder.

Aug 16, 2020

Categories: Migrating to Eleventy Serverless How to...Remote Data

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.

Jun 8, 2020

by Jérôme Coupé (9 posts) · Website & RSS feed

Categories: Remote Data

Integrating Google Analytics with Eleventy

How to use Google Analytics with Eleventy

May 21, 2020

Categories: How to...Remote Data

Integrating Netlify Analytics and Eleventy

How to use Netlify's Analytics API in Eleventy

May 18, 2020