Announcing nuqs version 2

Features

Type-safe

End-to-end type safety between Server and Client components.

Universal

Supports Next.js (app & pages routers), React SPA, Remix, React Router, and more.

Simple

A familiar React.useState-like API, that syncs with the URL.

Batteries included

Built-in parsers & serializers for common state types.

History controls

Replace or append to navigation history and use the Back button to navigate state updates.

Related queries

useQueryStates hook to manage multiple keys at once.

Client-first

Shallow updates by default, opt-in to notify the server to re-render RSCs (with throttle control).

Server cache

Type-safe search params access in nested React Server Components. No prop drilling needed.

Transition

Support for useTransition to get loading states on server updates.

Customizable

Make your own parser and serializer.

Tiny

Only 3.83 kB gzipped.

Tested & testable

Tested against every Next.js release. Use the provided test adapter to test your components in isolation.

Sponsors

Used by

openpanel.dev

supabase/supabaselobehub/lobe-chatcalcom/cal.comchatchat-space/Langchain-ChatchatGitbookIO/gitbooklearn-anything/learn-anythingudecode/platebaptisteArno/typebot.iosupermemoryai/supermemoryrisingwavelabs/risingwavehyperdxio/hyperdxopenstatusHQ/openstatusmidday-ai/middaymfts/papermarkunkeyed/unkeyBasedHardware/omiDhravya/supermemoryOpenpanel-dev/openpanelsadmann7/shadcn-tablecommunity-scripts/ProxmoxVEelie222/inbox-zeroKiranism/next-shadcn-dashboard-starterpancakeswap/pancake-frontendPeerDB-io/peerdbinngest/inngestpqoqubbw/iconspiotrkulpinski/openalternativeun/inboxBearStudio/start-ui-weblunary-ai/lunarysaleor/storefrontBennyKok/comfyui-deployblefnk/relivator-nextjs-templateAnswerOverflow/AnswerOverflowlatticexyz/mudbenjamintd/chronotrainstszhong0411/honghong.mel2beat/l2beatBlazity/enterprise-commerceAIDotNet/fast-wikifreesewing/freesewingisland-is/island.isgetsentry/sentry-docsplotwist-app/plotwistline/abc-user-feedbackcfahlgren1/qwen-2.5-code-interpretercraftgen/craftgenosmosis-labs/osmosis-frontendfranky47/francoisbest.comLightDotSo/LightDotSomastra-ai/mastrayanggggjie/rising-repotinloof/medusa-dtc-starter-munchiesreductoai/remembrallmichaelkremenetsky/Refeedrocicorp/replieartryabby/abbymrmartineau/Ottermazipan/tanyaaja.incommonalityco/commonalitysmartive/smartive.chswc-project/websitechristianalares/seventy-sevenswiss-knife-xyz/swiss-knifezakiego/baku-hantamTheOrcDev/orcish-fullstack-admingoat-community/goatzeus-12/uxieSouthclaws/storydenleft-curve/left-curvealfonsusac/service-title-logochokiproai/ChatGPT-Pluginsanand346/findissuesgitcoinco/easy-retro-pgfLevofron/NotionLingomichaelbrusegard/WebGL-Fluid-EnhancedBibliothecaDAO/eternumzachpmanson/minecraftlejsartisan/frontend-challengessoftflow24/data-riverniikeec/virtual-gridbgwastu/moonlithocgin/yourself-emailsujjeee/artoonspillowfication/ffxiv0xbe1/miniscandingyi/ding.onemicro-course/coretheopensource-company/playrbasehirosystems/ordinals-explorersoni-canra-wiguna/lazorahundehausen/monero-suitewebb-tools/webb-dappPhantomKnight287/framegroundtangle-network/dappnikitavoloboev/tryFTCHD/frametrainprojectawakening/builder-examplesCSSPanel/PanelBinarySenseiii/personal-website
N8
N8
@nathanbrachotte

I started building my own hook helpers for handling URL states and had to deal with some performance drawbacks.

Eventually stumbled on this little beauty and it has everything I wanted and more.

Kingsley O.
Kingsley O.
@Kingsley_codes
The DX improvement using nuqs for me has been amazing.
We use nuqs pretty much everywhere 🖤
It’s a database ORM for your URL
thx a lot for this awesome library! I was syncing with URL like nextjs recommends .. performance are awful and I was about to move back to useState.
KafKa
KafKa
@KafKa303
This is a great idea, way better than calling useSearchParam and cook my own stuff! nuqs is such a important last piece for app router! An extremely underrated lib!