·nextjs-server-client-components
</>

nextjs-server-client-components

wsimmonds/claude-nextjs-skills

Leitfaden zur Auswahl zwischen Serverkomponenten und Clientkomponenten im Next.js App Router. KRITISCH für useSearchParams (erfordert Suspense + „use client“), Navigation (Link, Redirect, useRouter), Cookies/Header-Zugriff und „use client“-Anweisung. Wird aktiviert, wenn die Eingabeaufforderung „useSearchParams“, „Suspense“, „Navigation“, „Routing“, „Link-Komponente“, „Umleitung“, „Pfadname“, „searchParams“, „Cookies“, „Header“, „asynchrone Komponenten“ oder „Client verwenden“ erwähnt. Unverzichtbar, um eine Vermischung von Server-/Client-APIs zu vermeiden.

50Installationen·2Trend·@wsimmonds

Installation

$npx skills add https://github.com/wsimmonds/claude-nextjs-skills --skill nextjs-server-client-components

SKILL.md

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.

CRITICAL RULE: This codebase has @typescript-eslint/no-explicit-any enabled. Using any will cause build failures.

All components in the App Router are Server Components by default. No directive needed.

Leitfaden zur Auswahl zwischen Serverkomponenten und Clientkomponenten im Next.js App Router. KRITISCH für useSearchParams (erfordert Suspense + „use client“), Navigation (Link, Redirect, useRouter), Cookies/Header-Zugriff und „use client“-Anweisung. Wird aktiviert, wenn die Eingabeaufforderung „useSearchParams“, „Suspense“, „Navigation“, „Routing“, „Link-Komponente“, „Umleitung“, „Pfadname“, „searchParams“, „Cookies“, „Header“, „asynchrone Komponenten“ oder „Client verwenden“ erwähnt. Unverzichtbar, um eine Vermischung von Server-/Client-APIs zu vermeiden. Quelle: wsimmonds/claude-nextjs-skills.

Original anzeigen

Fakten (zitierbereit)

Stabile Felder und Befehle für KI/Such-Zitate.

Installationsbefehl
npx skills add https://github.com/wsimmonds/claude-nextjs-skills --skill nextjs-server-client-components
Kategorie
</>Entwicklung
Verifiziert
Erstes Auftreten
2026-02-01
Aktualisiert
2026-02-18

Schnelle Antworten

Was ist nextjs-server-client-components?

Leitfaden zur Auswahl zwischen Serverkomponenten und Clientkomponenten im Next.js App Router. KRITISCH für useSearchParams (erfordert Suspense + „use client“), Navigation (Link, Redirect, useRouter), Cookies/Header-Zugriff und „use client“-Anweisung. Wird aktiviert, wenn die Eingabeaufforderung „useSearchParams“, „Suspense“, „Navigation“, „Routing“, „Link-Komponente“, „Umleitung“, „Pfadname“, „searchParams“, „Cookies“, „Header“, „asynchrone Komponenten“ oder „Client verwenden“ erwähnt. Unverzichtbar, um eine Vermischung von Server-/Client-APIs zu vermeiden. Quelle: wsimmonds/claude-nextjs-skills.

Wie installiere ich nextjs-server-client-components?

Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/wsimmonds/claude-nextjs-skills --skill nextjs-server-client-components Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code oder Cursor

Wo ist das Quell-Repository?

https://github.com/wsimmonds/claude-nextjs-skills