77 posts in &#39;Global Data&#39;

Categories: Global Data How to...Netlify Plugins Remote Data

Tweaking my 11ty blog to link to the Mastodon post defined in an Org Mode property

Mar 27, 2025

by Sacha Chua (4 posts) · Website & RSS feed

Categories: Blogging Configuration Front Matter Global Data RSS Social Media

Implementing Webmentions

Some notes about implementing webmentions for my website.

Mar 10, 2025

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

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

Generating absolute URLs in my RSS feed(s)

My RSS feeds are generated by 11ty at build time from a Liquid.js template. When I wrote posts and link elsewhere on my site I use a bookmarklet to capture the URI for linking. To ensure I have absolute URLs in my feeds, I use a filter to convert said...

Mar 5, 2025

Categories: Filters Global Data How to...RSS

How I Built Shopify Theme Vitals using 11ty and CrUX

Building a site that shows real-user web performance data by Shopify theme using HTTP Archive, the Chrome User Experience Report, BigQuery, Node, and 11ty

Feb 26, 2025

by Sia Karamalegos (13 posts) · Website & RSS feed

Categories: Global Data How to...Performance

Building a personal digital music library with Eleventy and APIs

Feb 25, 2025

by Damian Walsh (1 post) · Website

Categories: Collections Data Cascade Filters Global Data Images Pagination Remote Data

Building a resume website with eleventy

i share how i built a fully customizable resume website with eleventy, complete with seo-friendly features and pdf generation.

Feb 15, 2025

by Keith Kurson (3 posts) · Website & RSS feed

Categories: CSS/Sass Global Data How to...WebC

11ty Meetup - How I built my Books page

I presented at the 11ty Meetup on how I built my Books page. Here's the video and a link to a PDF of the slides.

Feb 6, 2025

Categories: Filters Global Data YouTube

Building a Quiz System With Eleventy

Remember when internet quizzes were a thing? I wanted to bring them to my website.

Feb 4, 2025

by Nathan Upchurch (2 posts) · Website & RSS feed

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

Managing My Books Data

Why do something manually (that takes a few seconds to do), when a script (created over the course of several hours) can do it for you?

Jan 31, 2025

by Spencer Harston (2 posts) · Website & RSS feed

Categories: Global Data How to...

Creating a Books Page

How and why I decided to create a Books page to keep track of my reading.

Jan 25, 2025

by Spencer Harston (2 posts) · Website & RSS feed

Categories: Global Data How to...

Making static sites with Glitch and 11ty: Image gallery

Having your own website is great. You can use it to introduce yourself to the world, talk about your hobbies, show off your work achievements, promote causes you care about, and many other things. And you really can keep your site as simple as you want it to be. It is your website after all!...

Jan 24, 2025

by Stefan Bohacek (1 post) · Website & RSS feed

Categories: Deployment Global Data How to...Image Galleries Images Social Media

WP.SCSS

Increasingly I've been including 11ty in my WordPress builds as part of the theme. Great for static assets, such as

Jan 10, 2025

by Rich Holman (2 posts) · Website & RSS feed

Categories: CSS/Sass Configuration Global Data How to...Shortcodes

How I built the Books page

I went live with my Books page a short while ago. Here's how I built it.

Jan 2, 2025

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

Accessible Eleventy Gallery

An adaptation of Kalechip's Static Accessible Gallery Generator for Eleventy.

Dec 28, 2024

by Sainthood (1 post) · Website

Categories: Accessibility Global Data How to...Image Galleries

Oops, I built a headless frontend with 11ty

Building a headless HelpScout docs site with 11ty.

Nov 10, 2024

by Adam Stoddard (2 posts) · Website & RSS feed

Categories: CMS Collections Global Data How to...Pagination Remote Data

Here's how this is all put together

I've been fiddling with this site for the better part of a year now and now that it's fairly stable, I'm putting together what amounts to a public README (or a note to self). This post is that document.

Nov 8, 2024

Categories: CMS Collections Data Cascade Global Data Images Search

Building My Resume in HTML using Eleventy

Nov 3, 2024

by Michael Engen (1 post) · Website

Categories: CSS/Sass Global Data How to...

Open Graph Metadata and Images in Eleventy Made Easy

Blog posts are meant to be shared. When sharing links, you’ll often see a preview on social media and instant messengers. But how does it work and how can you do it with Eleventy?

Oct 26, 2024

by Sebin Nyshkim (3 posts) · Website & RSS feed

Categories: CSS/Sass Front Matter Global Data How to...Images Plugins

11ty meetup: Tracking and displaying music history

I got to speak at the 11ty meetup today about the music tracking contraption I've built into my site. I have a fairly detailed post on how I built it and another on the method I'm using to render dynamic media (read: musician/band) pages.

Oct 23, 2024

Categories: Global Data How to...YouTube

Tracking and displaying music history in 11ty with Cory Dransfeldt

YouTube video

Oct 23, 2024

by Cory Dransfeldt (46 posts)

Categories: Global Data How to...YouTube

I recently felt like getting back into blogging. But setting up and maintaining WordPress felt like more than I was looking for. I was looking for something much simpler. Preferably file-based and with Markdown support. That was my introduction to Eleventy.

Oct 19, 2024

by Sebin Nyshkim (3 posts) · Website & RSS feed

Categories: Blogging CSS/Sass Collections Configuration Data Cascade Filters Getting Started Global Data Layouts Markdown Navigation Pagination Plugins Shortcodes

Using Environment Variables in Eleventy Content Pages

Explains how you can use environment variables in Eleventy content pages

Aug 28, 2024

by Florian Eckerstorfer (9 posts) · Website & RSS feed

Categories: Configuration Global Data How to...

Simple Eleventy 3 Excerpts

Sometimes it makes sense to write a unique excerpt. But sometimes the beginning of the page content works well enough, which is why many…

Aug 9, 2024

by Tyler Sticka (2 posts) · Website & RSS feed

Categories: Filters Global Data How to...Markdown Plugins

Eleventy Experiment - Salesforce User Directory

Jul 13, 2024

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

Categories: Global Data How to...Search

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

Building a Web Version of Your Mastodon Archive with Eleventy

Turning your Mastodon archive into a web site with Eleventy

Jul 4, 2024

by Juha-Matti Santala (17 posts)

Categories: Global Data How to...Images Shortcodes Social Media

Adding the New Mastodon Link Attribution Meta Tag

Chris McLeod is a software developer with over 20 years of experience. Sometimes he writes about it.

Jul 3, 2024

by Chris McLeod (6 posts) · Website & RSS feed

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

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

Umami API Top 10 Pages

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

Jun 11, 2024

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

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

Virtual Templates in Eleventy

In Eleventy 3.0, virtual templates enable plugin authors to publish and share dynamic templates.

Jun 1, 2024

by Aleksandr Hovhannisyan (14 posts) · Website & RSS feed

Categories: Configuration Front Matter Global Data How to...Plugins

Eleventy - Merge external data with an existing collection

I wanted to make an archive of my writing, merging content I wrote for other websites with my exising 'posts' collection. Here is how I did it.

May 26, 2024

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

Categories: Collections Configuration Global Data How to...

My Eleventy site setup

Mar 3, 2024

by anh (3 posts) · Website & RSS feed

Categories: Blogging Collections Front Matter Getting Started Global Data Shortcodes

Version 3

I'll show you the true power of being third!

Mar 2, 2024

by Devin Haska (2 posts) · Website & RSS feed

Categories: CSS/Sass Data Cascade Global Data Migrating to Eleventy Why Eleventy?

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

by Robb Knight (20 posts) · Website & RSS feed

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

Building a meetup community site using Global Data Files

YouTube video

Feb 20, 2024

Categories: CMS Global Data How to...

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

How to connect Eleventy and Storyblok

This is a step-by-step tutorial on how to query data from Storyblok to use it in an Eleventy project.

Feb 8, 2024

by Estela Franco (4 posts) · Website & RSS feed

Categories: CMS Configuration Global Data How to...

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 (12 posts) · Website & RSS feed

Categories: Filters Global Data Layouts Remote Data

Community websites with Eleventy

With Eleventy’s data files, I’ve come up with a good setup to build landing pages for communities that organize events.

Jan 24, 2024

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

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

Eleventy - Create a global production flag

A production flag enables you to run activites in production only e.g. minifying assets. There isn't a built-in flag in eleventy. How can we add one?

Jan 24, 2024

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

Categories: Configuration Global Data How to...Layouts

Learning New Tricks

Jan 21, 2024

by Antonio Rodrigues (1 post) · Website & RSS feed

Categories: Data Cascade Global Data

Fetching Package Dependents from GitHub

Using linkedom to grab all repositories that are depending on my post graph plugin

Jan 16, 2024

by Robb Knight (20 posts) · Website & RSS feed

Categories: Global Data How to...Plugins

Adding webmentions to my site

I had told myself that I wouldn't do this...but, seeing them on other people's sites changed my mind.

Jan 13, 2024

Categories: Filters Global Data How to...Social Media Webmentions

Updated Eleventy Future Post Plugin

Jan 11, 2024

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

Categories: Configuration Global Data Plugins

Hiding Future Posts in Eleventy

Describes how to hide posts with a future publishing date in an Eleventy site.

Jan 10, 2024

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

Categories: Blogging Configuration Global Data How to...Plugins

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

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

A digital garden of sorts; always growing 🌱

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

Categories: Data Cascade Global Data Netlify 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 3.01.

Track data across builds in 11ty

Count how many rebuilds 11ty has done in the current session.

Dec 6, 2022

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

Categories: Global Data How to...

11ty Second 11ty: Global Data files (JS and JSON)

In these two videos, we take 110 seconds each to discuss how to use 11ty's Global Data files to pull static data with JSON and dynamic (at build time) data with JavaScript.

Aug 8, 2022

by Bryan Robinson (15 posts) · Website

Categories: Global Data How to...

Reading Comic Books in the Jamstack

Adding support for digital comic books to your Jamstack site

Jul 1, 2022

Categories: Global Data How to...Images

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 3.01.

Dynamically choosing a data file to use in Eleventy templates

What if I need _data/stuff.json sometimes and _data/thing.json other times?

Nov 17, 2021

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

Categories: Data Cascade Global Data

Configuring Web Fonts in 11ty with Global Data

Use global data in 11ty to create a single configuration for fonts that you can reference in your templates and CSS.

Nov 14, 2021

by Aleksandr Hovhannisyan (14 posts) · Website & RSS feed

Categories: Global Data How to...

Eleventy 1.0 - Global Data via Plugins Example

A followup on my post concerning Eleventy's new addGloblData feature

Nov 7, 2021

Categories: Global Data Plugins

Eleventy 1.0 - New Option for Global Data

A look at a new way to create global data for Eleventy 1.0 sites.

Nov 2, 2021

Categories: Global Data

Media Diary with Eleventy

Sep 21, 2021

by anh (3 posts) · Website & RSS feed

Categories: Data Cascade Global Data Layouts

Using PDFs with the Jamstack - Building a Document Viewer

Using Adobe PDF Services to build a document viewer for your Jamstack site

Aug 30, 2021

Categories: How to...Global Data

An Adobe PDF Embed Plugin for Eleventy

Eleventy users can now add a PDF Embed plugin to their sites

Aug 2, 2021

Categories: How to...Global Data Configuration Plugins

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

Generate Page Content From a Global Data File Using Eleventy

There are many great features to choose from when building websites with Eleventy. One feature in particular that I find very useful is the ability to iterate over a global data file and generate page content using a templating language of your choice.

Jul 29, 2021

by Tanner Dolby (2 posts) · Website

Categories: Global Data

Creating an 11ty collection from a JSON API

Using 11ty Global data files, you can make collections from JSON APIs, allowing you to make whole websites from one endpoint

Jun 28, 2021

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

Categories: Collections How to...Global Data

Creating pages from data with Eleventy

Eleventy has the ability to generated multiple pages from a structured data source, either static JSON or JSON dynamically generated by JavaScript code.

Apr 25, 2021

by Florian Eckerstorfer (9 posts) · Website & RSS feed

Categories: Data Cascade Global Data

Building a Database Driven Eleventy Site

Using a database (MySQL) to drive content for an Eleventy site

Apr 15, 2021

Categories: Plugins Pagination Global Data

Using PDFs with the Jamstack

Using the Adobe PDF Embed API to view PDFs on your Jasmstack site

Feb 25, 2021

Categories: How to...Global Data Pagination

I Finally Understand Eleventy's Data Cascade

Where does Eleventy get all of its data? Which data overrules other data? I've documented my whole mental model of Eleventy's data cascade.

Feb 21, 2021

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

Categories: Data Cascade Global Data

Site Metadata

A useful technique to manage site metadata (title, description, url, etc) for ease of retrieval throughout templates and content.

Feb 15, 2021

by Stephanie Eckles (21 posts) · Website & RSS feed

Categories: Data Cascade Global Data

Create a Contributors Page in Eleventy

Jan 29, 2021

by Michael Chan (7 posts) · Website

Categories: How to...Global Data

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

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 1

A look at how you can migrate from Node to the Jamstack

Aug 6, 2020