Why do we need this improvement?

Currently, the Blog page displays all blog posts in an infinite scroll manner, which can feel overwhelming to users. To improve user experience and performance, I propose implementing pagination to limit the number of blogs displayed per page.

How will this change help?

1. Improves performance by reducing the initial page load time.
2. Enhances user experience by providing structured navigation.
3. Prevents users from feeling overwhelmed by an infinite feed.

Screenshots

Proposed Solution:

How could it be implemented/designed?

Proposed Solution:

1. Implement pagination with a configurable number of blogs per page (e.g., 10 blogs per page).
2. Provide "Next" and "Previous" buttons for navigation.
3. Allow users to jump to a specific page number.
4. Ensure smooth UX and proper state management to retain pagination when navigating back.

🚧 Breaking changes

No

👀 Have you checked for similar open issues?

• I checked and didn't find a similar issue

🏢 Have you read the Contributing Guidelines?

• I have read the Contributing Guidelines

Are you willing to work on this issue?

Yes I am willing to submit a PR!