Livewire v4 Pagination: Simple and Cursor-Based

Implement efficient pagination in your components.

1 February 20261 min readLivewire اقرأ بالعربية

Livewire v4 provides seamless pagination.

Simple Pagination

php

use Livewire\WithPagination;

class PostList extends Component
{
    use WithPagination;
    
    public function render()
    {
        return view('posts', ['posts' => Post::paginate(10)]);
    }
}

Template

blade

<div>
    @foreach($posts as $post)
        <div>{{ $post->title }}</div>
    @endforeach
    {{ $posts->links() }}
</div>

All articles

Keep reading

Livewire v4 Pagination: Simple and Cursor-Based

Implement efficient pagination in your components.

1 February 20261 min readLivewire اقرأ بالعربية

Livewire v4 provides seamless pagination.

Simple Pagination

php

use Livewire\WithPagination;

class PostList extends Component
{
    use WithPagination;
    
    public function render()
    {
        return view('posts', ['posts' => Post::paginate(10)]);
    }
}

Template

blade

<div>
    @foreach($posts as $post)
        <div>{{ $post->title }}</div>
    @endforeach
    {{ $posts->links() }}
</div>

All articles