·nextjs-server-client-components
</>

nextjs-server-client-components

wsimmonds/claude-nextjs-skills

Guía para elegir entre componentes de servidor y componentes de cliente en Next.js App Router. CRÍTICO para useSearchParams (requiere Suspense + 'usar cliente'), navegación (Enlace, redireccionamiento, useRouter), acceso a cookies/encabezados y directiva 'usar cliente'. Se activa cuando el mensaje menciona useSearchParams, Suspense, navegación, enrutamiento, componente de enlace, redirección, nombre de ruta, searchParams, cookies, encabezados, componentes asíncronos o "usar cliente". Esencial para evitar mezclar API de servidor/cliente.

51Instalaciones·2Tendencia·@wsimmonds

Instalación

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

Guía para elegir entre componentes de servidor y componentes de cliente en Next.js App Router. CRÍTICO para useSearchParams (requiere Suspense + 'usar cliente'), navegación (Enlace, redireccionamiento, useRouter), acceso a cookies/encabezados y directiva 'usar cliente'. Se activa cuando el mensaje menciona useSearchParams, Suspense, navegación, enrutamiento, componente de enlace, redirección, nombre de ruta, searchParams, cookies, encabezados, componentes asíncronos o "usar cliente". Esencial para evitar mezclar API de servidor/cliente. Fuente: wsimmonds/claude-nextjs-skills.

Ver original

Datos (listos para citar)

Campos y comandos estables para citas de IA/búsqueda.

Comando de instalación
npx skills add https://github.com/wsimmonds/claude-nextjs-skills --skill nextjs-server-client-components
Categoría
</>Desarrollo
Verificado
Primera vez visto
2026-02-01
Actualizado
2026-02-18

Respuestas rápidas

¿Qué es nextjs-server-client-components?

Guía para elegir entre componentes de servidor y componentes de cliente en Next.js App Router. CRÍTICO para useSearchParams (requiere Suspense + 'usar cliente'), navegación (Enlace, redireccionamiento, useRouter), acceso a cookies/encabezados y directiva 'usar cliente'. Se activa cuando el mensaje menciona useSearchParams, Suspense, navegación, enrutamiento, componente de enlace, redirección, nombre de ruta, searchParams, cookies, encabezados, componentes asíncronos o "usar cliente". Esencial para evitar mezclar API de servidor/cliente. Fuente: wsimmonds/claude-nextjs-skills.

¿Cómo instalo nextjs-server-client-components?

Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/wsimmonds/claude-nextjs-skills --skill nextjs-server-client-components Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code o Cursor

¿Dónde está el repositorio de origen?

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