add pagination in home page

Author: shahriaarrr

config/blog/templates/blog/home.html

@@ -9,4 +9,52 @@ <h1 class="fw-bolder">shahriaarrr Blog</h1>
             <h5 class="text-muted">Write about everything that i liked</h5>
         </div>
     </div>
+
+    {% for object in object_list %}
+    <div class="row">
+        <div class="col-md-6 col-12 mx-md-auto mx-3 mt-5 md-5">
+            <h3 class="fw-bold">{{ object.title }}</h3>
+            <p class="text-muted">{{ object.date }}</p>
+            <p class="text-muted">By {{ object.author.username }}</p>
+            {% if object.likes.count == 1 %}
+                <p class="text-muted">{{ object.likes.count }} person liked</p>
+            {% else %}
+                <p class="text-muted">{{ object.likes.count }} people liked</p>
+            {% endif %}
+            <div class="my-3">
+                {{ object.content | truncatewords_html:50 | safe }}
+            </div>
+            <a href="#">Read more</a>
+        </div>
+    </div>
+    {% endfor %}
+
+    <nav>
+        <ul class="pagination">
+            <div class="mx-auto d-flex flex-row mt-5">
+                {% if page_obj.has_previous %}
+                    <li class="page-item">
+                        <a class="page-link" href="?page=1">&laquo; First
+                        </a>
+                    </li>
+
+                    <li class="page-item">
+                        <a class="page-link" href="?page={{ page_obj.previous_page_number }}">Previous</a>
+                    </li>
+                {% endif %}
+
+                <li class="page-item">
+                    <a class="page-link" href="#">Page {{ page_obj.number }} of {{ page_obj.paginator.num_pages }}.</a>
+                </li>
+                {% if page_obj.has_next %}
+                    <li class="page-item">
+                        <a class="page-link" href="?page={{ page_obj.next_page_number }}">Next</a>
+                    </li>
+                    <li class="page-item">
+                        <a class="page-link" href="?page={{ page_obj.paginator.num_pages }}">Last &raquo;</a>
+                    </li>
+                {% endif %}
+            </div>
+        </ul>
+    </nav>
 {% endblock %}

config/blog/views.py

@@ -9,6 +9,7 @@ class Index(ListView):
     model = Article
     queryset = Article.objects.all().order_by("-date")
     template_name = 'blog/home.html'
+    paginate_by = 1
 
 
 class About(View):