wsimmonds/claude-nextjs-skills▌

Use this pattern whenever a page needs to load data based on whatever identifier appears in the URL. Common scenarios include:

The useSearchParams hook requires TWO things:

This pattern handles a common Next.js requirement: client-side interaction (button click) that needs to set server-side cookies.

Use this skill when:

Provide comprehensive guidance for advanced Next.js App Router features including Route Handlers (API routes), Parallel Routes, Intercepting Routes, Server Actions, error handling, draft mode, and streaming with Suspense.

Provide comprehensive guidance for choosing between Server Components and Client Components in Next.js App Router, including cookie/header access, searchParams handling, pathname routing, and React's 'use' API for promise unwrapping.

Comprehensive guide for migrating to and building with Next.js App Router (13+). \n \n Covers migration from Pages Router including file structure mapping, layout creation, metadata handling, and cleanup steps \n Explains App Router file conventions (page.tsx, layout.tsx, loading.tsx, error.tsx, route.ts) and routing patterns (dynamic routes, catch-all, route groups) \n Details Server Components as the default with async/await support, Client Components with 'use client' directive, and data fetc

Use this skill when:

Server Components use DIFFERENT navigation methods than Client Components!