Deze inhoud is nog niet beschikbaar in jouw taal en wordt in het Engels weergegeven.

Next.js Server vs. Client Components

Skill Geverifieerd

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.

AI-samenvatting

This skill provides detailed explanations and code examples for differentiating between Next.js Server and Client Components. It covers critical patterns like data fetching, hook usage, navigation, and the React 'use' API, along with common anti-patterns to avoid.

Installatie

npx skills add wsimmonds/claude-nextjs-skills

Voert de Vercel skills CLI (skills.sh) uit via npx — vereist Node.js lokaal en minstens één geïnstalleerde skills-compatibele agent (Claude Code, Cursor, Codex, …). Gaat ervan uit dat de repo het agentskills.io-formaat volgt.

7 months ago

wsimmonds

90 stars

MIT

Bijgewerkt op 2 days ago

Broncode bekijken

Vergelijkbare extensies

Next.js Server Component Navigation Pattern

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.

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

Frontend Design

Create distinctive, production-grade frontend interfaces with high design quality. Provides analysis tools for auditing existing designs and generation tools for creating color palettes, typography systems, design tokens, and component templates. Supports React, Vue, Svelte, and vanilla HTML/CSS. Use when building web components, pages, or applications. Keywords: design, UI, frontend, CSS, components, palette, typography, tokens, accessibility.

Skill

jwynia

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