Beginner
Tags
Auto-generated tag pages built from a custom collection — every demo tag gets its own page with zero…
Tag: data
12 demos tagged “data”.
Advanced
Search
A hand-rolled, dependency-free client-side search: a build-time JSON index plus a small scored-match script.
Beginner
RSS
A standards-compliant Atom/RSS feed for the blog, generated with @11ty/eleventy-plugin-rss.
Intermediate
Pagination
Splitting a big collection into numbered pages with Eleventy's built-in pagination feature.
Intermediate
Collections
A custom collection that merges two different content types into one sorted list.
Intermediate
Pagefind Search
Full-text search across the whole site, built by indexing the actual HTML after the build finishes.
Intermediate
Live Lighthouse Scores
Real Lighthouse scores rendered as static badges, refreshed weekly by a scheduled GitHub Action, no client-side API calls.
Intermediate
Live View Counter
A real page-view counter backed by a Netlify Function and Netlify Blobs, no third-party analytics account needed.
Beginner
Data Files
Eleventy's global _data files, explained using this site's own real data files as the example.
Intermediate
Sitemap
A real sitemap.xml with two genuine Eleventy gotchas baked into how it's built — one about pagination, one…
Intermediate
Schema.org / JSON-LD
Real structured data on every demo page and the listing page, with a script-injection risk most tutorials skip.
Intermediate
Unit Tests
Real tests for this site's pure filters, run live at build time and gating every real pull request.