Skip to main content

Official 11ty docs

Global Data

Global Data Files — Eleventy

42 posts in 'Global Data'

Version 3

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

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

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.

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.

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.

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.

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?

Categories: ConfigurationGlobal DataHow to...Layouts

Fetching Package Dependents from GitHub

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

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.

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.

Categories: BloggingConfigurationGlobal DataHow to...Plugins

Programmatically importing your listening data to ListenBrainz

I love, but in the interest of redundancy, Ive started programmatically importing my listening data from into ListenBrainz.

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.

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.

Categories: Data CascadeGlobal DataNetlifyRemote Data


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.

Categories: Global DataHow to...

Reading Comic Books in the Jamstack

Adding support for digital comic books to your Jamstack site

Categories: Global DataHow to...Images


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?

Categories: Data CascadeGlobal Data

Configuring Web Fonts in 11ty with Global Data

Rather than using static font-face declarations for web fonts, you can take advantage of global data in 11ty to create a single source of truth for fonts and reuse those values in your templates and CSS.

Categories: Global DataHow to...

Eleventy 1.0 - Global Data via Plugins Example

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

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.

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

Categories: How to...Global Data

An Adobe PDF Embed Plugin for Eleventy

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

Categories: How to...Global DataConfigurationPlugins

Page Level URL Fetching with Eleventy

Making a network request on a page with Eleventy

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.

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

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.

Categories: Data CascadeGlobal Data

Building a Database Driven Eleventy Site

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

Categories: PluginsPaginationGlobal Data

Using PDFs with the Jamstack

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

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.

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.

Categories: Data CascadeGlobal Data

Accessing Eleventy Data on the Client Side

Accessing Eleventy data files in your JavaScript code

Categories: Global DataRemote DataHow to...Front Matter

Using Airtable with Eleventy

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

Categories: Remote DataHow to...Global Data

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

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

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.

Categories: Getting StartedGlobal DataLayoutsBlogging

Get the blog by email (or RSS)

Powered by Buttondown