url-state-management

📁 andrelandgraf/fullstackrecipes 📅 Jan 21, 2026
43
总安装量
43
周安装量
#4925
全站排名
安装命令
npx skills add https://github.com/andrelandgraf/fullstackrecipes --skill url-state-management

Agent 安装分布

opencode 32
cursor 28
claude-code 27
gemini-cli 25
antigravity 23

Skill 文档

URL State Management

Sync React state to URL query parameters for shareable filters, search, and deep-linkable dialogs with nuqs.

Prerequisites

Complete these recipes first (in order):

Next.js on Vercel

Create a Next.js app running on Bun, configure the development environment, and deploy to Vercel with automatic deployments on push.

curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/nextjs-on-vercel

Cookbook – Complete These Recipes in Order

URL State with nuqs

Sync React state to URL query parameters for shareable filters, search queries, and deep links to modal dialogs. Preserves UI state on browser back/forward navigation.

curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/nuqs-setup

Working with nuqs

Manage React state in URL query parameters with nuqs. Covers Suspense boundaries, parsers, clearing state, and deep-linkable dialogs.

curl -H "Accept: text/markdown" https://fullstackrecipes.com/api/recipes/using-nuqs