Skip to main content

Official 11ty docs

Pagination

Pagination — Eleventy

48 posts in 'Pagination'

Eleventy Collections from an API

I've been tinkering with a new Eleventy project and decided to fire it up using the 3 beta version. I started by creating two collections using markdown files. Each collection had a template…

Sep 24, 2024

Categories: CollectionsFiltersHow to...Pagination

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

Nested pagination with 11ty

How to paginate through an array of arrays.

Jun 27, 2024

Categories: How to...PaginationWebC

Create a Blog with Eleventy and Storyblok

This is a step-by-step tutorial on how to create a blog site using Eleventy and Storyblok.

May 13, 2024

Categories: BloggingCMSConfigurationHow to...Pagination

Surfing The Web And Sharing What I Find

How I surf the web, manage my online bookmarks and share exciting hyperlinks with the community.

Apr 30, 2024

Categories: CollectionsHow to...PaginationRemote DataRSS

Improving page load times with pagination in Eleventy

This is probably a very obvious one for everyone; the less content on the page, the quicker it will load.

Apr 19, 2024

Categories: How to...PaginationPerformance

Eleventy Nested 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

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

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

Categories: How to...NavigationPagination

Low-tech Eleventy Categories

Eleventy has built-in tagging and collections capabilities that I’m riffing on to show you how to build a super simple category system with RSS feeds for each one.

Jan 26, 2024

Categories: CollectionsConfigurationHow to...LayoutsPagination

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

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

Categories: ConfigurationDeploymentFront MatterHow to...Pagination

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

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

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

Categories: BloggingConfigurationPagination

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

Categories: PaginationPlugins

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

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

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

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

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.

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

Categories: FiltersHow to...PaginationSocial 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

Categories: PaginationHow to...

11ty aliases the right way

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

Mar 20, 2022

Categories: CollectionsConfigurationHow to...Pagination

Building blocks for my first Eleventy site

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

Mar 8, 2022

Categories: CSS/SassDatesDeploymentFiltersHow to...NavigationPaginationSocial Media

Adding QR Codes to Your Jamstack Site

A look at adding QR codes to your Jamstack site.

Feb 11, 2022

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

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

Categories: Pagination

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 - Now with Thumbnails

Combing Adobe PDF APIs with Eleventy to create PDF Thumbnails

Mar 16, 2021

Categories: How to...Remote DataPagination

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

Categories: PaginationHow to...Collections

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

Grouping blog posts by year in Eleventy

Create an archive page grouped by year (or anything you want!) using 11ty's built in pagination and a modified collection.

Jan 26, 2021

Categories: PaginationDatesHow to...Blogging

Hooking Up FaunaDB to Eleventy

Father, husband, developer relations and web standards expert, and cat demo builder.

Sep 15, 2020

Categories: Remote DataHow to...Pagination

Eleventy Clock

The online journal of Ashur Cabrera.

Sep 6, 2020

Categories: Pagination

Supporting Multiple Authors in an Eleventy Blog

How to handle multiple authors in Eleventy, with custom author profile pages.

Aug 24, 2020

Categories: Front MatterHow to...FiltersPagination

Add pagination for dynamic data in Eleventy

Creating pagination from dynamic data and add a useful navigation bar. Tagged with eleventy, javascript, blog, tutorial.

Feb 24, 2020

Categories: PaginationHow to...

Why I'm Digging Eleventy

Father, husband, developer relations and web standards expert, and cat demo builder.

Oct 12, 2019

Categories: Why Eleventy?Pagination

Get the blog by email (or RSS)

Powered by Buttondown