✨ Enhancement: Add Pagination to Blog Page

[Karan-Palan]

Is your feature request related to a problem? Please describe

Currently, the blog page on the JSON Schema website displays all 40 blog posts at once. This can lead to performance issues and a poor user experience, especially as the number of blog posts increases over time. Users may find it difficult to navigate or find specific posts when the list becomes too long.

Describe the solution you'd like

Implement a pagination system to enhance usability and performance. Key features should include:

1. Display a limited number of blog posts per page (e.g., 10 posts per page).
2. Add pagination controls (e.g., "Previous", "Next", and page numbers) at the bottom of the page.
3. Ensure the implementation is responsive and works seamlessly across all screen sizes.

Describe alternatives you've considered

1. Load more posts as the user scrolls down the page. This can be implemented with a "Load More" button.
2. Improve performance by only loading images for blog posts currently in view.

Additional context

This feature will improve the scalability of the blog section as more content is added over time.

Are you working on this?

I would love to work on this if approved. Thanks!

[ConnectBhawna]

Hey @Karan-Palan if you are not working on this i would love to contribute into this :)

[Karan-Palan]

Hey @ConnectBhawna, I'm just a contributor here. Please check Contributing and Triage process.
I have mentioned in the issue that I'd work on it and have made the relevant changes locally. I am currently waiting for the triage process before creating a PR. Thanks

[DhairyaMajmudar]

Hi @Karan-Palan It will be good to have all the blogs in a single page in front of users, instead of hiding them in pagination. As many times it has been noticed that user hardly surf to third or fourth page.

[Karan-Palan]

@DhairyaMajmudar makes sense, what do you think about adding a load more button or something like that if not pagination. I thought as the number of blogs increase, users will have to scroll more and more, especially on mobile as it slows down the page loading due to alot of images