🐥 Add pagination in Wagtail

Here's a simple recipe to add pagination to a Wagtail page:

from django.core.paginator import Paginator, EmptyPage, PageNotAnInteger

from wagtail.core.models import Page

class BlogIndexPage(Page):

    def get_context(self, request, *args, **kwargs):
    
        context = super(BlogIndexPage, self).get_context(request)

        all_posts = BlogIndexPage.objects.posts(self, request=request)
        max_items_per_page = 10
        paginator = Paginator(all_posts, max_items_per_page)

        page = request.GET.get('page')
        try:
            posts = paginator.page(page)
        except PageNotAnInteger:
            posts = paginator.page(1)
        except EmptyPage:
            posts = paginator.page(paginator.num_pages)

        context['posts'] = posts
        return context

In the template, you can have:

{% load wagtailcore_tags %}

{% if items.paginator.num_pages > 1 %}

    <nav id="post-nav">

        <span class="prev">
            {% if items.has_previous %}
                <a href="?page={{ items.previous_page_number }}">Newer posts</a>
            {% endif %}
        </span>

        {% for page_num in items.paginator.page_range %}
            {% if page_num == resources.number %}
                {{ page_num }}
            {% else %}
                <a href="?page={{ page_num }}">{{ page_num }}</a>
            {% endif %}
        {% endfor %}

        <span class="next">
            {% if items.has_next %}
                <a href="?page={{ items.next_page_number }}">Older posts</a>
            {% endif %}
        </span>

    </nav>

{% endif %}

This will give you the previous and next links and the full list of pages.