Global Data 88 posts

How I rebuilt my old Last.fm widget as an Eleventy WebC component with server-rendered HTML, client-side polling, and localStorage caching.

Martin Hicks (3)

How to generate pages from separate json data files.

Saneef H. Ansari (5)

Learn how I built UltiGameMate using Eleventy and Supabase, combining JAMstack with dynamic features.

Silvestar Bistrović (4)

a little data cascade tip/hack

John Anderson (2)

I set up an effortless sync between my status.lol updates and a twtxt feed, creating a bridge between IndieWeb tools and classic decentralized microblogging.

Brennan Kenneth Brown (13)

Sometimes, you want to use today's date in a template. One example is a copyright notice that includes the current year. Not all templating languages provide a simple way to get the current date.

Rob O'Leary (13)

My current publishing setup for my notes doesn’t allow separate feeds for different categories so I built a small tool for my website to add entries manually to a separate feed with a single CLI call.

Juha-Matti Santala (23)

I've been using raindrop for my bookmarks and updated my bookmarks page

Clayton Errington (20)

How to migrate a blog from Dotclear on to eleventy 4- Rebuild pages and navigation

Alix Guillard (4)

making a static gallery with 11ty

tlohde (2)

While building a website for our Pokémon TCG tournament series, I discovered a new handy tool within Eleventy to enable custom data formats.

Juha-Matti Santala (23)

Matt Richards - Senior Staff Product Engineer / Engineering Lead based in Berlin.

Matthew Richards (1)

Generate a sourcemap and add it to Eleventy’s global data.

Aleksandr Hovhannisyan (14)

The home base of Mark Dyck, a baker who writes

Mark Dyck (1)

I wanted to provide a programmatic access to the next event in our community’s event calendar and combined Eleventy and Netlify Functions to achieve it.

Juha-Matti Santala (23)

A quick look at the Eleventy Fetch plugin.

Raymond Camden (105)

Sacha Chua (4)

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

Cory Dransfeldt (46)

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

Sia Karamalegos (13)

Building a personal digital music library with Eleventy and APIs

Damian Walsh (3)

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

Keith Kurson (3)

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.

Bob Monsour (26)

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

Nathan Upchurch (4)

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?

Spencer Harston (2)

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

Spencer Harston (2)

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

Rich Holman (2)

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

Bob Monsour (26)

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

Sainthood (1)

Building a headless HelpScout docs site with 11ty.

Adam Stoddard (2)

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.

Cory Dransfeldt (46)

Michael Engen (1)

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?

Sebin Nyshkim (3)

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: m

Cory Dransfeldt (46)

YouTube video

Cory Dransfeldt (46)

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.

Sebin Nyshkim (3)

Explains how you can use environment variables in Eleventy content pages

Florian Eckerstorfer (9)

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

Tyler Sticka (5)

Eleventy Experiment: Salesforce User Directory This is a simple experiment to see if I can use Eleventy to generate a small user directory from a Salesforce SOQL query. Spoiler - it works! npm I’m using the JSForce library to connect to Salesforce and run a SOQL query to get a list of users. I’m the

Jeff Sikes (2)

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

John Hobbs (4)

Turning your Mastodon archive into a web site with Eleventy

Raymond Camden (105)

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

Chris McLeod (7)

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

nonnullish (3)

A walkthrough on how I used Eleventy and the Airtable API to power a bookshelf pages with books I’ve read

Melanie Richards (1)

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

Clayton Errington (20)

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

Aleksandr Hovhannisyan (14)

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.

Rob O'Leary (13)

post collections, data files, other messiness.

anh (3)

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

Devin Haska (2)

A blog post about how my site works based on a talk I did at the Eleventy meetup

Robb Knight (20)

YouTube video

Juha-Matti Santala (23)

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.

Cory Dransfeldt (46)

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

Estela Franco (4)

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.

Rob O'Leary (13)

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

Juha-Matti Santala (23)

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?

Rob O'Leary (13)

I never had a hobby. If someone’s ask me if I have a hope right now I might say I do and it is creating little projects to learn new things on the web. My latest learning was Eleventy a static generator website built in Node / Javascript. One thing that I loved about Eleventy is the global data file

Antonio Rodrigues (1)

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

Robb Knight (20)

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

Bob Monsour (26)

John M. Wargo (47)

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

John M. Wargo (47)

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

Cory Dransfeldt (46)

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

Mike Aparicio (4)

A digital garden of sorts; always growing 🌱

Kevin Gimbel (1)

Just generating a json file from Google Sheets was not good enough. I had to use the API.

Bob Monsour (26)

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

John Brooks (4)

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.

Bryan Robinson (15)

Adding support for digital comic books to your Jamstack site

Raymond Camden (105)

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

Aleksandr Hovhannisyan (14)

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

Raymond Camden (105)

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

Raymond Camden (105)

anh (3)

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

Raymond Camden (105)

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

Raymond Camden (105)

Making a network request on a page with Eleventy

Raymond Camden (105)

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.

Tanner Dolby (2)

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

Mike Street (13)

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

Florian Eckerstorfer (9)

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

Raymond Camden (105)

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

Raymond Camden (105)

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.

Ben Myers (6)

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

Stephanie Eckles (21)

Jan 29, 2021 10:00 AM PST —

Michael Chan (7)

Accessing Eleventy data files in your JavaScript code

Raymond Camden (105)

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

Dana Byerly (8)

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

Dana Byerly (8)

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

Raymond Camden (105)

It's really, really easy to use design tokens with Eleventy

Heydon Pickering (3)

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.

Juha-Matti Santala (23)