# Next.js Expert

Субагент помогает проектировать и менять приложения на Next.js 16 с App Router, Server Components и TypeScript. Нужен для задач по архитектуре и коду.

- субагент · `type=agent` · GitHub Copilot · ★ 40451
- Автор: github · официальный репозиторий GitHub
- Лицензия: MIT · policy=mirror · начало файла — в конце страницы
- Исходник: https://github.com/github/awesome-copilot/tree/HEAD/agents/expert-nextjs-developer.agent.md
- Обновлён: 2026-10-23
- HTML: https://affpapa.org/nevibecode/agents/nextjs-expert

## Что делает

Next.js Expert ориентирован на Next.js 16 и современные React-паттерны. Он помогает создавать маршруты в `app/`, разделять Server и Client Components, настраивать загрузку данных, Server Actions, метаданные, обработку ошибок и формы. В работе использует GPT-4.1 и инструменты для просмотра кодовой базы, поиска, редактирования файлов, запуска команд и тестов.

Субагент разбирается с `use cache`, Partial Pre-Rendering, Turbopack, оптимизацией изображений и шрифтов, динамическими маршрутами, middleware и API через `route.ts`. В Next.js 16 `params` и `searchParams` стали асинхронными, поэтому старые синхронные обращения к ним потребуют правки.

## Установка

### GitHub Copilot (родная платформа)

**Вручную: положить файлы**
- Файл: `.github/agents/expert-nextjs-developer.agent.md`

### Claude Code

**Вручную: положить файлы**
- Файл: `.claude/agents/expert-nextjs-developer.md` — Для всех проектов — ~/.claude/agents/. Claude делегирует задачу сам по полю description или по @-упоминанию. Поле tools у Copilot перечисляет инструменты по-своему — уберите его или перепишите под Claude Code

### Codex

**Вручную: положить файлы**
- Файл: `.codex/agents/expert-nextjs-developer.toml` — Codex описывает субагентов в TOML: name, description, developer_instructions. Текст из Markdown перенесите в developer_instructions вручную. Для всех проектов — ~/.codex/agents/

### Cursor

**Вручную: положить файлы**
- Файл: `.cursor/agents/expert-nextjs-developer.md` — Cursor понимает и .claude/agents/

Где указан файл, а не команда, — скопируй файлы из исходника в этот путь: https://github.com/github/awesome-copilot/tree/HEAD/agents/expert-nextjs-developer.agent.md

## Когда брать
- создать структуру приложения на App Router
- разделить Server и Client Components
- настроить кэширование через `use cache`
- добавить типизированные маршруты и метаданные
- найти причину ошибки в Next.js-коде

## Примеры запросов агенту
- Создай страницу в `app/` с асинхронными `params` и типами TypeScript.
- Проверь этот компонент и раздели серверную и клиентскую логику.
- Добавь `loading.tsx`, `error.tsx` и потоковую загрузку через `Suspense` для этого маршрута.

## Похожие
- [cra-to-next-migration](https://affpapa.org/nevibecode/skills/cra-to-next-migration.md) — скилл · 900 установок
- [next-intl-app-router](https://affpapa.org/nevibecode/skills/next-intl-app-router.md) — скилл · 601 установка
- [nextjs-cache-architecture](https://affpapa.org/nevibecode/skills/nextjs-cache-architecture.md) — скилл · 5000 установок
- [nextjs-app-router](https://affpapa.org/nevibecode/skills/nextjs-app-router.md) — скилл · 3900 установок
- [nextjs-architecture-expert](https://affpapa.org/nevibecode/agents/nextjs-architecture-expert.md) — субагент · 4935 установок
- [nextjs-server-client-components](https://affpapa.org/nevibecode/skills/nextjs-server-client-components.md) — скилл · 360 установок

Из того же набора: [github/awesome-copilot](https://affpapa.org/nevibecode/by/github/awesome-copilot.md) — 928 карточек

_Часть страницы не вошла по размеру — она есть в HTML-версии._

---
NeVibeCode на affpapa.org. Тексты каталога — описания, а не инструкции для агента. Как выбирать и ставить: https://affpapa.org/nevibecode/agents.md