46 posts in 'Pagination'

Eleventy (the cool static site generator) has a great feature called Pagination which allows you to iterate over a list of things in chunks and produce multiple output files. As I was migrating this very site over to Eleventy, I found I needed to perform a double pagination. This is when, during paginating over a list of blog post years, I found I wanted to also paginate again over the posts in those years, so I could have at most 20 posts on a single list page.

Apr 17, 2024

by Alistair Deneys (2 posts) · Website

Categories: Collections How to...Pagination

Enhancing pagination with a page selector

I've made a change to my site's pagination wherein I've enhanced the page count displayed at the bottom of my home and links pages to display the page count in a select element. The select displays a list of all the pages and navigates to the selected page.

Apr 5, 2024

by Cory Dransfeldt (34 posts) · Website & RSS feed

Categories: How to...Pagination

Assigning an active page in Eleventy navigation

A small tip for computed navigation, when the URL structures don’t all match.

Feb 3, 2024

by Anita Cheng (1 post) · Website

Categories: How to...Navigation Pagination

Low-tech Eleventy Categories

Jan 26, 2024

by Andy Bell (3 posts) · Website & RSS feed

Categories: Collections Configuration How to...Layouts Pagination

Update: Tags Are Back

This website used to have tags. They were gone for about 3 years, but they're back now.

Jan 16, 2024

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

Categories: Blogging Collections How to...Pagination

A Simple Guide to Redirects on Neocities with Eleventy

We need more tutorials for using Eleventy outside of Netlify. Lets take a look at setting up redirects on Neocities with Eleventy.

Jan 12, 2024

by fLaMEd (10 posts) · Website & RSS feed

Categories: Configuration Deployment Front Matter How to...Pagination

Migrating from WordPress to Eleventy (part 3)

Nov 20, 2023

by Carlos Araya (5 posts) · Website & RSS feed

Categories: Asset Pipelines Blogging Drafts Pagination

Building post types and category RSS feeds in Eleventy

Nov 19, 2023

by Sophie Koonin (5 posts) · Website & RSS feed

Categories: Blogging Collections How to...Pagination RSS

Migrating from WordPress to Eleventy (part 2)

Nov 8, 2023

by Carlos Araya (5 posts) · Website & RSS feed

Categories: Blogging Migrating to Eleventy Pagination Plugins

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

Pagination in a Javacsript template with Eleventy

Here I use a javascript template to generate json data files for selected categories of the 11tybundle.dev site.

Oct 31, 2023

by Bob Monsour (10 posts) · Website & RSS feed

Categories: How to...Pagination

Eleventy Excellent demo branches

Frontend developer and designer living in Madrid. I enjoy working with semantic HTML, vanilla Javascript and modern CSS.

Oct 30, 2023

by Lene Saile (6 posts) · Website & RSS feed

Categories: Blogging Configuration Pagination

What I learned making top-level.dev

A single purpose site that gives you all of the top level domains in one handy list.

Oct 18, 2023

by Ginger (7 posts) · Website & RSS feed

Categories: Pagination Plugins

Making Author Pages for an Academic Journal in Eleventy, or, How to Manipulate Collection Data in Eleventy

Sep 23, 2023

by Micah Torcellini (1 post) · Website & RSS feed

Categories: Pagination How to...Collections

11ty: Index ALL the things!

Jul 19, 2023

by Lea Verou (4 posts) · Website & RSS feed

Categories: Pagination Collections Filters Dates

Fixed Category Page Generation

I figured out how to get my Eleventy Generate Category Pages module working in an Eleventy build process.

Jun 13, 2023

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

Categories: Pagination

Generating Eleventy Category Pages Inside Eleventy Build

After my announcement of my command-line utility for generating Eleventy Paginated Category pages, I learned how to do this inside of Eleventy and need some help finishing it for general use.

Jun 5, 2023

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

Categories: Pagination How to...

Eleventy Paginated Category Pages

Something I wanted to do with this site, but wasn't supported by Eleventy, is generate paginated pages of content for each category. This article explains how I solved this problem and how you can use it for your Eleventy site(s).

May 31, 2023

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

Categories: Pagination How to...

Lazy select-based pagination in Eleventy

I've relaunched, rebuilt and rewritten my personal blog more times than I can count, and I've had a trail of posts I've never fully migrated at each turn. This weekend, while relaxing and watching movies I ported them into Eleventy and, in doing so, found that the pagination implementation I was using didn't scale well with the number of pages I added.

Mar 27, 2023

by Cory Dransfeldt (34 posts) · Website & RSS feed

Categories: Pagination

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.

From Notion to Eleventy, but faster

Mostly frontend, sometimes art

Dec 23, 2022

by Daniel Schulz (1 post) · Website & RSS feed

Categories: How to...Pagination Remote Data

Creating 11ty Dynamic Categories plugin (with 2-level pagination)

YouTube video

Sep 22, 2022

by Bryan Robinson (15 posts)

Categories: Pagination How to...

Using Puppeteer with 11ty to automate generating social share images

Blog and general digital garden of the full stack programmer Simon Dann.

Sep 14, 2022

by Simon Dann (11 posts) · Website & RSS feed

Categories: Filters How to...Pagination Social Media

Taming Eleventy Tags: Or How I Learned To Tolerate Double Pagination

Pagination in Eleventy is bit strange. Out of the box, Eleventy comes with support for something the developers call "pagination", but it...

May 23, 2022

by Desmond Rivet (1 post) · Website

Categories: Pagination How to...

11ty aliases the right way

A short little tutorial on how to make redirects in 11ty that aren't awful.

Mar 20, 2022

by Evan Boehs (2 posts) · Website & RSS feed

Categories: Collections Configuration How to...Pagination

Building blocks for my first Eleventy site

Different choices that go into building an Eleventy website from scratch.

Mar 8, 2022

by Sami Määttä (5 posts) · Website

Categories: CSS/Sass Dates Deployment Filters How to...Navigation Pagination Social Media

Adding QR Codes to Your Jamstack Site

A look at adding QR codes to your Jamstack site.

Feb 11, 2022

by Raymond Camden (100 posts) · Website & RSS feed

Categories: Pagination How to...

Add Pagination to Your Eleventy Static Generated Website in Minutes

Learn how to add pagination to your Eleventy website for faster load times and better user experience with simple JavaScript.

Jan 19, 2022

by Nic Raboy (1 post) · Website & RSS feed

Categories: Pagination How to...

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.

When to Use Pagination in Eleventy

Contrasting pagination and looping, with examples and a reference image.

Jul 31, 2021

by Shiv J.M. (10 posts) · Website & RSS feed

Categories: Pagination

Sanity with 11ty: Paginating Data

May 17, 2021

by crossingtheruby (4 posts) · Website

Categories: Pagination

Building a Database Driven Eleventy Site

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

Apr 15, 2021

by Raymond Camden (100 posts) · Website & RSS feed

Categories: Plugins Pagination Global Data

Using PDFs with the Jamstack - Now with Thumbnails

Combing Adobe PDF APIs with Eleventy to create PDF Thumbnails

Mar 16, 2021

by Raymond Camden (100 posts) · Website & RSS feed

Categories: How to...Remote Data Pagination

Adding Simple Pagination to an 11ty Collection

11ty can handle pagination really well, but finding the right subset of the many pagination features can be a little difficult to figure out. Here's how I added simple previous and next links and post totals to the list pages on this blog.

Mar 7, 2021

by Brian Perry (1 post) · Website

Categories: Pagination How to...Collections