Skip to main content

Official 11ty docs

Global Data

Global Data Files — Eleventy

60 posts in 'Global Data'

Oops, I built a headless frontend with 11ty

My journey with 11ty’s global data went something like this:“This is where my little text strings go”“Neat, I can use javascript to set dynamic values”“Liter...

Nov 10, 2024

Categories: CMSCollectionsGlobal DataHow to...PaginationRemote 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: CMSCollectionsData CascadeGlobal DataImagesSearch

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

Categories: CSS/SassFront MatterGlobal DataHow to...ImagesPlugins

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 DataHow to...YouTube

Building a Blog with Eleventy (blind, any%)

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

Categories: BloggingCSS/SassCollectionsConfigurationData CascadeFiltersGetting StartedGlobal DataLayoutsMarkdownNavigationPaginationPluginsShortcodes

Using Environment Variables in Eleventy Content Pages

Explains how you can use environment variables in Eleventy content pages

Aug 28, 2024

Categories: ConfigurationGlobal DataHow 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

Categories: FiltersGlobal DataHow to...MarkdownPlugins

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

Categories: Global DataRemote Data

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

Jul 3, 2024

Categories: BloggingGlobal DataHow 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

Categories: Global DataHow to...Image GalleriesImagesPaginationRemote 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

Categories: Data CascadeGlobal DataHow to...Remote Data

Umami API Top 10 Pages

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

Jun 11, 2024

Categories: Data CascadeGlobal DataHow 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

Categories: ConfigurationFront MatterGlobal DataHow 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

Categories: CollectionsConfigurationGlobal DataHow to...

Version 3

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

Mar 2, 2024

Categories: CSS/SassData CascadeGlobal DataMigrating to EleventyWhy 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

Categories: BloggingGlobal DataHow to...Remote DataSocial Media

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 CascadeGlobal DataHow 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

Categories: CMSConfigurationGlobal DataHow 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

Categories: FiltersGlobal DataLayoutsRemote 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

Categories: Data CascadeFiltersGlobal DataHow 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

Categories: ConfigurationGlobal DataHow to...Layouts

Fetching Package Dependents from GitHub

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

Jan 16, 2024

Categories: Global DataHow 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: FiltersGlobal DataHow to...Social MediaWebmentions

Hiding Future Posts in Eleventy

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

Jan 10, 2024

Categories: BloggingConfigurationGlobal DataHow 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 CascadeGlobal DataHow 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

Categories: CMSGlobal DataNavigationPaginationRemote DataSearch

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 CascadeGlobal DataNetlifyRemote 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.

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

Categories: Global DataHow to...

Reading Comic Books in the Jamstack

Adding support for digital comic books to your Jamstack site

Jul 1, 2022

Categories: Global DataHow 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 2.0.1. Eleventy v3.0 is currently under development and available for testing.

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

Categories: Data CascadeGlobal 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

Categories: Global DataHow 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 DataPlugins

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

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 DataConfigurationPlugins

Page Level URL Fetching with Eleventy

Making a network request on a page with Eleventy

Jul 30, 2021

Categories: How to...Remote DataFront MatterGlobal 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

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

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

Categories: Data CascadeGlobal Data

Building a Database Driven Eleventy Site

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

Apr 15, 2021

Categories: PluginsPaginationGlobal 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 DataPagination

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

Categories: Data CascadeGlobal 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

Categories: Data CascadeGlobal Data

Accessing Eleventy Data on the Client Side

Accessing Eleventy data files in your JavaScript code

Jan 18, 2021

Categories: Global DataRemote DataHow to...Front Matter

Using Airtable with Eleventy

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

Dec 11, 2020

Categories: Remote DataHow to...Global Data

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

Sep 5, 2020

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

Categories: Migrating to EleventyGlobal DataPagination

Building a website with a static site generator, part 2: Eleventy

In this post, we're gonna take a deeper look into Eleventy which takes care of building the website by combining layout templates with blog post data from Markdown files.

Mar 18, 2020

Categories: Getting StartedGlobal DataLayoutsBlogging

Get the blog by email (or RSS)

Powered by Buttondown