·nextjs-server-client-components
</>

nextjs-server-client-components

Руководство по выбору между серверными и клиентскими компонентами в маршрутизаторе приложений Next.js. КРИТИЧНО для useSearchParams (требуется Suspense + «использовать клиент»), навигации (ссылка, перенаправление, useRouter), доступа к файлам cookie/заголовков и директивы «использовать клиент». Активируется, когда в подсказке упоминается использованиеSearchParams, Suspense, навигация, маршрутизация, компонент Link, перенаправление, путь, searchParams, файлы cookie, заголовки, асинхронные компоненты или «использовать клиент». Необходим для предотвращения смешивания API-интерфейсов сервера и клиента.

93Установки·7Тренд·@wsimmonds

Установка

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

Как установить nextjs-server-client-components

Быстро установите AI-навык nextjs-server-client-components в вашу среду разработки через командную строку

  1. Откройте терминал: Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.)
  2. Выполните команду установки: Скопируйте и выполните эту команду: npx skills add https://github.com/wsimmonds/claude-nextjs-skills --skill nextjs-server-client-components
  3. Проверьте установку: После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Источник: wsimmonds/claude-nextjs-skills.

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.

Руководство по выбору между серверными и клиентскими компонентами в маршрутизаторе приложений Next.js. КРИТИЧНО для useSearchParams (требуется Suspense + «использовать клиент»), навигации (ссылка, перенаправление, useRouter), доступа к файлам cookie/заголовков и директивы «использовать клиент». Активируется, когда в подсказке упоминается использованиеSearchParams, Suspense, навигация, маршрутизация, компонент Link, перенаправление, путь, searchParams, файлы cookie, заголовки, асинхронные компоненты или «использовать клиент». Необходим для предотвращения смешивания API-интерфейсов сервера и клиента. Источник: wsimmonds/claude-nextjs-skills.

Факты (для цитирования)

Стабильные поля и команды для ссылок в AI/поиске.

Команда установки
npx skills add https://github.com/wsimmonds/claude-nextjs-skills --skill nextjs-server-client-components
Категория
</>Разработка
Проверено
Впервые замечено
2026-02-01
Обновлено
2026-03-10

Browse more skills from wsimmonds/claude-nextjs-skills

Короткие ответы

Что такое nextjs-server-client-components?

Руководство по выбору между серверными и клиентскими компонентами в маршрутизаторе приложений Next.js. КРИТИЧНО для useSearchParams (требуется Suspense + «использовать клиент»), навигации (ссылка, перенаправление, useRouter), доступа к файлам cookie/заголовков и директивы «использовать клиент». Активируется, когда в подсказке упоминается использованиеSearchParams, Suspense, навигация, маршрутизация, компонент Link, перенаправление, путь, searchParams, файлы cookie, заголовки, асинхронные компоненты или «использовать клиент». Необходим для предотвращения смешивания API-интерфейсов сервера и клиента. Источник: wsimmonds/claude-nextjs-skills.

Как установить nextjs-server-client-components?

Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/wsimmonds/claude-nextjs-skills --skill nextjs-server-client-components После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Где находится исходный репозиторий?

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