---
title: Blog
generator: pagination
pagination:
  max_per_page: 30
  provider: data.posts
use: [posts]
---

{% if site.features.show_blog_post_count %}
  {{ data.posts|length|number_format }}
{% endif %}

<ul>
  {% for post in page.pagination.items %}
    <li>
      <a href="{{ post.url|trim('/', 'right') }}">{{ post.title }}</a> - {{ post.date|date('jS F Y') }}
    </li>
  {% endfor %}

  {% if page.pagination.previous_page or page.pagination.next_page %}
    <nav class="flex justify-center pt-10 space-x-6">
      {% if page.pagination.previous_page %}<a href="{{ site.url }}{{ page.pagination.previous_page.url }}">&larr; Newer Posts{% endif %}<br />
      {% if page.pagination.next_page %}<a href="{{ site.url }}{{ page.pagination.next_page.url }}">Older Posts &rarr;</a>{% endif %}<br />
    </nav>
  {% endif %}
</ul>