Skip to content

added pagination to repositories list to optimize DOM rendering - #2775

Open
mihirkamat03 wants to merge 1 commit into
DeepSourceCorp:masterfrom
mihirkamat03:feat/homepage-pagination
Open

added pagination to repositories list to optimize DOM rendering#2775
mihirkamat03 wants to merge 1 commit into
DeepSourceCorp:masterfrom
mihirkamat03:feat/homepage-pagination

Conversation

@mihirkamat03

@mihirkamat03 mihirkamat03 commented Jul 9, 2026

Copy link
Copy Markdown

Summary of Changes

  • Implements a paginated view in pages/index.vue showing 20 repositories per page (itemsPerPage = 20).
  • Adds responsive Previous/Next pagination buttons with disabled states and page counters.
  • Adds smooth window scrolling (window.scrollTo) when navigating between pages.

Motivation & Performance Impact

As generated.json grows in size, rendering all repository <RepoBox> components simultaneously causes excessive DOM nodes and UI lag on mobile devices. Slicing the repository array into pages optimizes initial rendering performance and improves browsing UX.

Verification

  • Verified clean build and local rendering via bun dev.
  • Tested pagination state on first and last pages.

@vercel

vercel Bot commented Jul 9, 2026

Copy link
Copy Markdown

@mihirkamat03 is attempting to deploy a commit to the DeepSource Team on Vercel.

A member of the Team first needs to authorize it.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Development

Successfully merging this pull request may close these issues.

1 participant