š Enhancement: Add Pagination to Blog Page for Better UX and Performance
Description:
Currently, the blog page renders all posts on a single long page. As the number of articles grows, loading and scrolling become slower. This also affects usability, SEO structure, and accessibility. I think adding pagination to render posts page-by-page instead of loading everything at once will be a better option.
Problems with current page:
- Long load time as the blog grows
- Hard to navigate older posts
- Page grows very long as posts increase
Proposed Solution:
- Introducing pagination on the client side
- Pagination controls at the bottom (Next / Previous).
- Maintain existing filters (tag filters) but apply them per-page.
Recording:
https://github.com/user-attachments/assets/369a56f4-c7bc-4fac-8143-55558237fc43
Willing to implement:
Yes, I would like to work on this enhancement and open a PR once approved.
Hi @Utkarsh-123github and @Honyii , Please take a look at this proposal when you get a moment. Iād love to hear your thoughts and would be happy to implement the feature if approved.
@Utkarsh-123github I want to work on this issue..please assign it to me
please assign this issue to me!! @Utkarsh-123github
@Anshika-av thank you for creating this issue, kinldy give the triage team and maintainers atleast a week before tagging again for assignment. We will surely review all requests and drop feedbacks if any.
Hi @RitoG09 , thanks for raising this issue. Thank you for raising this issue. This is a good point to work on, and Iām assigning it to you.
We look forward to your PR. Thank you! š
How many blog posts are you planning to display on a single page?
@Utkarsh-123github , thank you for assigning it to me. Iām planning to show 10 posts per page, arranged in two rows with 5 posts each. I think it will keep the layout clean and avoid long scrolling. If you prefer different post count then I'm happy to adjust accordingly.