Build Load More Pagination with Pagy and Rails Hotwire

1. upperbracket

   1 2 3 6.5 Ruby

   Convenient way to generate full-stack Rails (Vite, Tailwind CSS, Rodauth, Rubocop)

   

   As usual, we won't start everything from scratch. We'll focus on the core concept of 'Load More' pagination. To do that, we'll begin by creating a Rails application with the help of the UpperBracket template. If you're already using UpperBracket, you should be all set to follow along with this tutorial.

2. InfluxDB

   www.influxdata.com featured

   InfluxDB – Built for High-Performance Time Series Workloads. InfluxDB 3 OSS is now GA. Transform, enrich, and act on time series data directly in the database. Automate critical tasks and eliminate the need to move data externally. Download now.

   

3. Pagy

   2 10 4,757 9.1 Ruby

   🏆 The Best Pagination Ruby Gem 🥇

   

   Now, let's dive into the pagination part of this post: setting up Pagy for handling pagination in our Rails application. If you haven't included the Pagy gem in your project, you'll need to add it manually. Here's how you can do it:

4. turbo

   3 155 6,984 8.0 JavaScript

   The speed of a single-page web application without having to write any JavaScript (by hotwired)

   

   Take note of the "data-turbo-stream" attribute. We're configuring the form to be sent as a TURBO_STREAM instead of HTML. This feature was introduced in July 2022, allowing Turbo Streams even with GET requests. You can find more details in this pull request.

5. hotwire-load-more-pagination

   4 1 0 3.3 Ruby

   Build Load More Pagination with Pagy and Rails Hotwire

   

   Download the source code hotwire-load-more-pagination

Suggest a related project