Nội dung này hiện chưa có sẵn bằng ngôn ngữ của bạn và đang được hiển thị bằng tiếng Anh.

Next.js Server Component Navigation Pattern

Skill Đã xác minh

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.

Tóm tắt từ AI

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.

Cài đặt

npx skills add wsimmonds/claude-nextjs-skills

Chạy Vercel skills CLI (skills.sh) qua npx — yêu cầu Node.js trên máy và ít nhất một agent tương thích skills đã được cài (Claude Code, Cursor, Codex, …). Giả định repo tuân theo định dạng agentskills.io.

7 months ago

wsimmonds

90 stars

MIT

Cập nhật 2 days ago

Xem mã nguồn

Tiện ích tương tự

Next.js Server vs. Client Components

Guide 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.

Skill

wsimmonds

Tandem Panel Scaffold

100

Scaffold an editable Tandem control panel app

Skill

frumu-ai

ESLint Plugin React Hooks

ESLint rules for React Hooks

Skill

facebook

Next.js App Router Fundamentals

Guide 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.

Skill

wsimmonds

React Doctor

Extension from millionco/react-doctor

Skill

millionco

React PWA

Extension from jwynia/agent-skills

Skill

jwynia