使用 nuqs 实现 React URL 状态管理：同步查询参数，深度链接对话框与过滤器
url-state-management by andrelandgraf/fullstackrecipes
安装命令
npx skills add https://github.com/andrelandgraf/fullstackrecipes --skill url-state-management🇨🇳中文介绍
URL 状态管理
使用 nuqs 将 React 状态同步到 URL 查询参数，实现可共享的过滤器、搜索和可深度链接的对话框。
先决条件
请先完成以下教程（按顺序）：
在 Vercel 上部署 Next.js
创建一个运行在 Bun 上的 Next.js 应用，配置开发环境，并部署到 Vercel，实现推送时自动部署。
curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/nextjs-on-vercel
教程手册 - 按顺序完成这些教程
使用 nuqs 管理 URL 状态
将 React 状态同步到 URL 查询参数，实现可共享的过滤器、搜索查询和模态对话框的深度链接。在浏览器前进/后退导航时保留 UI 状态。
curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/nuqs-setup
使用 nuqs 进行开发
使用 nuqs 在 URL 查询参数中管理 React 状态。涵盖 Suspense 边界、解析器、清除状态和可深度链接的对话框。
curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/using-nuqs
每周安装量
70
代码仓库
GitHub 星标数
7
首次出现
广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者，精准高效
