Pagination in Laravel - Mini Project: Build & Apply

Pagination in Laravel

📖 Scenario: You are building a simple blog website using Laravel. You want to show a list of blog posts on a page, but only a few posts at a time so the page does not get too long. This is called pagination.Pagination helps users see content in smaller chunks and navigate between pages easily.

🎯 Goal: Create a Laravel controller method that fetches blog posts from the database and paginates them, then display the paginated posts in a Blade view with navigation links.

📋 What You'll Learn

Create a Laravel Eloquent query to get all posts

Set a pagination limit of 5 posts per page

Pass the paginated posts to a Blade view

Display the posts and pagination links in the Blade view

💡 Why This Matters

🌍 Real World

Pagination is used in almost every website that shows lists of items, like blogs, products, or users, to improve user experience and performance.

💼 Career

Knowing how to implement pagination in Laravel is a common task for web developers working with databases and user interfaces.

1

Set up the Posts data retrieval

In the PostController, create a method called index that retrieves all posts using Post::query() and stores it in a variable called postsQuery.

Laravel

<?php

namespace App\Http\Controllers;

use App\Models\Post;

class PostController extends Controller
{
    // Create a method called index
    // Your code here
}

Need a hint?

Use Post::query() to start building a query for posts.

2

Add pagination configuration

Inside the index method, create a variable called perPage and set it to 5 to define how many posts to show per page.

Laravel

<?php

namespace App\Http\Controllers;

use App\Models\Post;

class PostController extends Controller
{
    public function index()
    {
        $postsQuery = Post::query();
        // Set posts per page
        // Your code here
    }
}

Need a hint?

Set $perPage to 5 to limit posts per page.

3

Apply pagination to the posts query

Use the paginate method on $postsQuery with $perPage as argument, and store the result in a variable called posts.

Laravel

<?php

namespace App\Http\Controllers;

use App\Models\Post;

class PostController extends Controller
{
    public function index()
    {
        $postsQuery = Post::query();
        $perPage = 5;
        // Paginate posts
        // Your code here
    }
}

Need a hint?

Call paginate($perPage) on $postsQuery and save to $posts.

4

Return view with paginated posts and display links

Return the Blade view posts.index from the index method, passing the posts variable. In the Blade view, loop over $posts to show each post's title inside an <li>. Below the list, add the pagination links using {{ $posts->links() }}.

Laravel

paginate($perPage);
        // Return view with posts
        // Your code here
    }
}

// In resources/views/posts/index.blade.php
// Loop over $posts and show titles
// Add pagination links
// Your code here

Need a hint?

Use return view('posts.index', ['posts' => $posts]) in controller.
In Blade, use @foreach ($posts as $post) to loop and {{ $posts->links() }} for pagination links.