53 posts in 'Pagination'

Adding Image Galleries to My Website

At last, I've gotten around to implementing image galleries.

Dec 2, 2024

by Nathan Upchurch (1 post) · Website & RSS feed

Categories: Collections Filters Image Galleries Layouts Pagination

Notes on Upgrading to Eleventy 3.0

My blog is now generated by Eleventy 3.0, which was released last month. The upgrade process took me a few hours split over two evenings and I took a few notes. This probably isn’t an interesting write up for hardly anyone – but if you have any of the same 11ty concerns I do, you may find a solution in here.

Nov 21, 2024

by Harris Lapiroff (4 posts) · Website & RSS feed

Categories: CSS/Sass Dates Filters Pagination Permalinks Upgrading

Oops, I built a headless frontend with 11ty

My journey with 11ty’s global data went something like this:“This is where my little text strings go”“Neat, I can use javascript to set dynamic values”“Liter...

Nov 10, 2024

by Adam Stoddard (2 posts) · Website & RSS feed

Categories: CMS Collections Global Data How to...Pagination Remote Data

Eleventy (11ty) year, year-month, and year-monty-day indexes

The personal blog of Thomas Steiner

Nov 2, 2024

by Thomas Steiner (1 post) · Website & RSS feed

Categories: Blogging Collections Dates Filters How to...Pagination

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.

Oct 19, 2024

by Sebin Nyshkim (3 posts) · Website & RSS feed

Categories: Blogging CSS/Sass Collections Configuration Data Cascade Filters Getting Started Global Data Layouts Markdown Navigation Pagination Plugins Shortcodes

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

by Trevor Morris (8 posts) · Website & RSS feed

Categories: Collections Filters How to...Pagination

This Is An Eleventy Blog Now!

Aug 25, 2024

by Arnaught (1 post) · Website

Categories: Blogging Dates Drafts Pagination

Adding a Photo Stream to an Eleventy Site

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

Jun 30, 2024

by nonnullish (3 posts) · Website & RSS feed

Categories: Global Data How to...Image Galleries Images Pagination Remote Data

Nested pagination with 11ty

How to paginate through an array of arrays.

Jun 27, 2024

by Ben White (2 posts) · Website & RSS feed

Categories: How to...Pagination WebC

Category and genre pages return

Jun 20, 2024

by Nicki Hoffman (2 posts) · Website & RSS feed

Categories: Collections Pagination

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

by Estela Franco (4 posts) · Website & RSS feed

Categories: Blogging CMS Configuration How 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

by fLaMEd (10 posts) · Website & RSS feed

Categories: Collections How to...Pagination Remote Data RSS

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

by Thomas Rigby (6 posts) · Website & RSS feed

Categories: How to...Pagination Performance

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

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 (43 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

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

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 (13 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 (43 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 (43 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 (43 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 (43 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 (103 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. (11 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 (103 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 (103 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