Skip to content

Conversation

@RitoG09
Copy link
Contributor

@RitoG09 RitoG09 commented Dec 3, 2025

What kind of change does this PR introduce?

This PR introduces a new feature -> Pagination for the Blog page

Issue Number:

Screenshots/videos:

Recording.2025-12-03.183140.mp4

If relevant, did you update the documentation?

Not applicable.

Summary

This PR adds pagination to the blog listing page to improve performance and user experience.
The blog previously displayed all posts on a single page, creating long scrolls and slow load times.

Key changes included:

  • Added pagination with 10 posts per page, arranged visually in two rows of 5 cards each.
  • Implemented 'Previous' and 'Next' button for navigation controls.
  • Ensured pagination state resets correctly when filters change.
  • Added safe fallback to auto-reset to Page 1 if the filtered result has fewer pages.

Does this PR introduce a breaking change?

No.
The existing blog structure remains unchanged. Pagination only enhances the UX.

Checklist

Please ensure the following tasks are completed before submitting this pull request.

@RitoG09 RitoG09 requested a review from a team as a code owner December 3, 2025 13:03
@github-project-automation github-project-automation bot moved this to Ready to review in PR - Triage Group Dec 3, 2025
@RitoG09
Copy link
Contributor Author

RitoG09 commented Dec 3, 2025

Hi @Utkarsh-123github I have created the PR for #1946 , Please review it when you're free.

@github-actions
Copy link

github-actions bot commented Dec 3, 2025

built with Refined Cloudflare Pages Action

⚡ Cloudflare Pages Deployment

Name Status Preview Last Commit
website ✅ Ready (View Log) Visit Preview 7e2ccf5

@codecov
Copy link

codecov bot commented Dec 3, 2025

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 100.00%. Comparing base (2dd1d24) to head (7e2ccf5).
⚠️ Report is 3 commits behind head on main.

Additional details and impacted files
@@            Coverage Diff            @@
##              main     #1968   +/-   ##
=========================================
  Coverage   100.00%   100.00%           
=========================================
  Files           30        30           
  Lines          633       633           
  Branches       196       196           
=========================================
  Hits           633       633           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

Copy link
Member

@Utkarsh-123github Utkarsh-123github left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

image

Hi @RitoG09 , your changes looks great. Just one suggestion, keep the previous and next navigation at the end of blog list. Currently it is placed at top.

@github-project-automation github-project-automation bot moved this from Ready to review to Changes requested in PR - Triage Group Dec 6, 2025
@RitoG09
Copy link
Contributor Author

RitoG09 commented Dec 7, 2025

Hi @Utkarsh-123github , I have shifted the pagination control at the end as per your suggestion. Check it out when you are free.

Screenshot 2025-12-07 134151

Copy link
Member

@Utkarsh-123github Utkarsh-123github left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM🚀

@Utkarsh-123github Utkarsh-123github merged commit a822963 into json-schema-org:main Dec 8, 2025
9 checks passed
@github-project-automation github-project-automation bot moved this from Changes requested to Done in PR - Triage Group Dec 8, 2025
@RitoG09 RitoG09 deleted the fix/blog-pagination branch December 8, 2025 06:18
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

Status: Done

Development

Successfully merging this pull request may close these issues.

🚀 Enhancement: Add Pagination to Blog Page for Better UX and Performance

2 participants