nuqs implementation

[offbeatjs]

This pull request refactors how query parameters are managed across the repository search, sorting, filtering, and pagination components. The main change is replacing manual URL and query string manipulation with the nuqs library's hooks, leading to cleaner code and more reliable state management for the UI. This affects how search queries, sorting, filtering, and pagination are handled and synchronized with the URL.

Query parameter management improvements:

• Replaced manual query string manipulation and Next.js router usage in search-form.tsx, pagination.tsx, sorter.tsx, and stars-filter.tsx with nuqs hooks (useQueryState, useQueryStates). This simplifies state updates and ensures UI state is always in sync with the URL. [1] [2] [3] [4]

Search and filter UX enhancements:

• Updated the search form (search-form.tsx) to use nuqs for the search query parameter, improving reliability and making it easier to reset and update the search state. [1] [2] [3]
• Refactored the stars filter (stars-filter.tsx) to use nuqs for star range and pagination parameters, simplifying filter logic and ensuring correct updates when the user interacts with the filter.

Sorting and navigation improvements:

• Refactored sorting logic in sorter.tsx to use nuqs for sort field, order, and language parameters, removing reliance on URLSearchParams and streamlining the code for generating navigation links. [1] [2] [3]

Pagination update:

• Updated the pagination component to use nuqs for page parameter management, removing the need to pass searchParams as a prop and simplifying page changes. [1] [2]

Dependency addition:

• Added the nuqs package to package.json to enable the new query state management.

[vercel]

@offbeatjs is attempting to deploy a commit to the Max Programming's projects Team on Vercel.

A member of the Team first needs to authorize it.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Preview	Comments	Updated (UTC)
hacktoberfest-projects	Error			Oct 31, 2025 4:08pm

[max-programming]

@offbeatjs you didn't really install nuqs with pnpm. It's not in the pnpm lockfile

[offbeatjs]

I don't upload the lockfiles, I'll spin up a codespace since I'm outstation and install nuqs and create the change

[max-programming]

In /repos/[language]/page.tsx is where the build error occurs because the searchParams prop is being passed in to Pagination component but it has been removed here

It'd be much better to try and run the build command locally first and then push the code :)

[max-programming]

Build error

21:38:37.668 Error: [nuqs] nuqs requires an adapter to work with your framework.