🎯

nextjs-use-search-params-suspense

🎯Skill

from wsimmonds/claude-nextjs-skills

What it does

Explains the required pattern for using Next.js useSearchParams hook with a Suspense boundary, covering single-file and inline patterns for building search interfaces, filters, and pagination that read URL query parameters client-side.

📦

Same repository

wsimmonds/claude-nextjs-skills(9 items)

nextjs-use-search-params-suspense

Installation

Vibe Index InstallInstalls to .claude/skills/ - auto-recognized by Claude Code

npx vibeindex add wsimmonds/claude-nextjs-skills --skill nextjs-use-search-params-suspense

skills.sh Install⚠ Installs to .agents/skills/ - may not be auto-recognized by Claude Code

npx skills add wsimmonds/claude-nextjs-skills --skill nextjs-use-search-params-suspense

Manual InstallCopy SKILL.md content and save to the path below

~/.claude/skills/nextjs-use-search-params-suspense/SKILL.md

SKILL.md

188Installs

Last UpdatedOct 24, 2025

View on GitHub Back to Skills

More from this repository8

🎯

nextjs-app-router-fundamentals🎯Skill

A comprehensive Next.js App Router skill covering migration from Pages Router, file-based routing, layouts, metadata handling, and TypeScript patterns for Next.js 13+.

🎯

nextjs-server-client-components🎯Skill

Guides developers in choosing between Next.js Server and Client Components, handling routing, searchParams, and component rendering strategies effectively.

🎯

nextjs-advanced-routing🎯Skill

Guides advanced Next.js App Router patterns including Route Handlers, Parallel Routes, Intercepting Routes, Server Actions with 'use server' directive, error boundaries, draft mode, streaming with Suspense, and cookie handling from client components.

🎯

vercel-ai-sdk🎯Skill

Vercel AI SDK v5 implementation skill for building AI chat interfaces with useChat hook, streaming responses, tool calling, embeddings, and MCP integration

🎯

nextjs-client-cookie-pattern🎯Skill

Provides a two-file pattern for Next.js client components calling server actions to set cookies, covering the separation of client-side interaction (onClick, form submission) from server-side cookie operations for authentication, preferences, or session management.

🎯

nextjs-server-navigation🎯Skill

Guides implementing navigation in Next.js Server Components using the Link component and redirect() function, covering the distinction between server and client navigation methods to avoid unnecessary 'use client' conversions.

🎯

nextjs-dynamic-routes-params🎯Skill

Guides creating Next.js App Router dynamic routes and working with pathname parameters, covering dynamic segments ([id], [slug]), catch-all routes, the params prop, and strategies to avoid over-nesting by defaulting to the simplest route structure.

🎯

nextjs-pathname-id-fetch🎯Skill

Provides a focused pattern for fetching data using URL parameters in Next.js dynamic routes ([id], [slug]), demonstrating how to access route parameters in server components to load individual items like product pages, blog posts, or user profiles.