Next.js Server Component Navigation Pattern
Skill 検証済みGuide for implementing navigation in Next.js Server Components using Link component and redirect() function. Covers the difference between server and client navigation methods. Use when adding links, redirects, or navigation logic in server components without converting them to client components unnecessarily.
This skill focuses on guiding users through the correct implementation of navigation patterns within Next.js Server Components. It covers the use of the `<Link>` component, the `redirect()` function, and Server Actions, differentiating them from client-side navigation methods and providing practical code examples.
インストール
npx skills add wsimmonds/claude-nextjs-skillsVercel skills CLI(skills.sh)を npx 経由で実行します。ローカルに Node.js と、skills 対応のエージェント(Claude Code、Cursor、Codex など)が少なくとも 1 つインストールされている必要があります。リポジトリが agentskills.io 形式に従っていることを前提としています。
類似の拡張機能
Next.js Server vs. Client Components
98Guide for choosing between Server Components and Client Components in Next.js App Router. CRITICAL for useSearchParams (requires Suspense + 'use client'), navigation (Link, redirect, useRouter), cookies/headers access, and 'use client' directive. Activates when prompt mentions useSearchParams, Suspense, navigation, routing, Link component, redirect, pathname, searchParams, cookies, headers, async components, or 'use client'. Essential for avoiding mixing server/client APIs.
Tandem Panel Scaffold
100Scaffold an editable Tandem control panel app
ESLint Plugin React Hooks
99ESLint rules for React Hooks
Next.js App Router Fundamentals
98Guide for working with Next.js App Router (Next.js 13+). Use when migrating from Pages Router to App Router, creating layouts, implementing routing, handling metadata, or building Next.js 13+ applications. Activates for App Router migration, layout creation, routing patterns, or Next.js 13+ development tasks.
React Doctor
98Extension from millionco/react-doctor
React PWA
98Extension from jwynia/agent-skills