manage-client-state - Type-safe client state management for Next.js applications
Manages client-side UI and URL state using SWR immutable and nuqs
Tags
Updated: 2026-03-09Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Manage global UI state
- Manage URL query parameters
- Persist state to localStorage
- Use immutable SWR hooks
- Parse URL search params
- Synchronize browser storage
Inputs
- Sidebar state
- Theme preferences
- Pagination data
- Filter parameters
- Search queries
- Tab selections
- Modal visibility
Outputs
- URL state changes
- LocalStorage updates
- UI component re-renders
- Browser navigation
- Search parameters
- Query string modifications
Requirements
- Next.js application
- React 18+
- SWR library
- nuqs library
- Client components for URL state
- Server components for parsing