# nextjs-authentication

Скилл даёт готовые шаблоны аутентификации для Next.js 15+ App Router на Auth.js 5: провайдеры, защита маршрутов, сессии и роли.

- скилл · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · 3800 установок · ★ 363
- Автор: giuseppe-trisciuoglio
- Лицензия: MIT · policy=mirror · начало файла — в конце страницы
- Исходник: https://github.com/giuseppe-trisciuoglio/developer-kit/tree/HEAD/plugins/developer-kit-typescript/skills/nextjs-authentication/SKILL.md
- Обновлён: 2026-09-10
- HTML: https://affpapa.org/nevibecode/skills/nextjs-authentication

## Что делает

Скилл описывает весь путь аутентификации в Next.js 15+ App Router на Auth.js 5. Внутри — десять шагов: установка `next-auth@beta`, переменные окружения в `.env.local`, файл `auth.ts` с провайдерами GitHub и Google, роут `app/api/auth/[...nextauth]/route.ts`, `middleware.ts` для защиты маршрутов, доступ к сессии в Server Components и Server Actions, вход и выход, роли и расширение типов TypeScript.

Для работы понадобится `AUTH_SECRET` — скилл советует сгенерировать его через `openssl rand -base64 32`. Для OAuth-провайдеров нужны свои `GITHUB_ID`, `GITHUB_SECRET`, `GOOGLE_CLIENT_ID` и `GOOGLE_CLIENT_SECRET`. Без них соответствующий провайдер просто не поднимется, поэтому сначала заведите приложения в консолях провайдеров.

Защита маршрутов строится на `middleware.ts` с матчером, который пропускает статику и картинки. В Server Actions скилл требует проверять сессию до любых изменений данных — иначе действие выполнится от имени любого, кто дёрнет форму. Роли проверяются через `session.user.role`, а типы для `Session`, `User` и `JWT` дописываются в `types/next-auth.d.ts`.

## Установка

### Claude Code (родная платформа)

1. **Через Skills CLI (Vercel)**
```bash
npx skills add giuseppe-trisciuoglio/developer-kit --skill nextjs-authentication -a claude-code
```

2. **Вручную: положить файлы**
- Файл: `~/.claude/skills/nextjs-authentication/SKILL.md` — Папка скилла целиком; для одного проекта — .claude/skills/nextjs-authentication/

### Codex

1. **Через Skills CLI (Vercel)**
```bash
npx skills add giuseppe-trisciuoglio/developer-kit --skill nextjs-authentication -a codex
```

2. **Вручную: положить файлы**
- Файл: `.agents/skills/nextjs-authentication/SKILL.md` — Для всех проектов — ~/.agents/skills/

### Cursor

1. **Через Skills CLI (Vercel)**
```bash
npx skills add giuseppe-trisciuoglio/developer-kit --skill nextjs-authentication -a cursor
```

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

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install giuseppe-trisciuoglio/developer-kit nextjs-authentication
```

2. **Вручную: положить файлы**
- Файл: `.github/skills/nextjs-authentication/SKILL.md`

### Gemini CLI

1. **Через Skills CLI (Vercel)**
```bash
npx skills add giuseppe-trisciuoglio/developer-kit --skill nextjs-authentication -a gemini-cli
```

2. **Командой платформы**
```bash
gemini skills install https://github.com/giuseppe-trisciuoglio/developer-kit --path plugins/developer-kit-typescript/skills/nextjs-authentication
```

### Windsurf (Devin Desktop)

**Вручную: положить файлы**
- Файл: `.devin/skills/nextjs-authentication/SKILL.md` — Старый путь .windsurf/skills/ тоже читается

### OpenCode

**Через Skills CLI (Vercel)**
```bash
npx skills add giuseppe-trisciuoglio/developer-kit --skill nextjs-authentication -a opencode
```

### Claude.ai

**Claude.ai**
- Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills

Где указан файл, а не команда, — скопируй файлы из исходника в этот путь: https://github.com/giuseppe-trisciuoglio/developer-kit/tree/HEAD/plugins/developer-kit-typescript/skills/nextjs-authentication/SKILL.md

## Когда брать
- поднять вход через GitHub и Google в Next.js 15
- закрыть `/dashboard` от неавторизованных через middleware
- проверить сессию в Server Action перед записью в базу
- разграничить доступ по ролям user и admin
- добавить типы для сессии и JWT в TypeScript

## Примеры запросов агенту
- Настрой аутентификацию в Next.js 15 App Router на Auth.js 5 с провайдерами GitHub и Google
- Добавь middleware, который редиректит неавторизованных с /dashboard на /login
- Проверь роль admin в Server Component и вызови unauthorized для остальных

## Похожие
- [nextauth-authentication](https://affpapa.org/nevibecode/skills/nextauth-authentication.md) — скилл · 1100 установок
- [authjs-skills](https://affpapa.org/nevibecode/skills/authjs-skills.md) — скилл · 791 установка
- [clerk-authentication](https://affpapa.org/nevibecode/skills/clerk-authentication.md) — скилл · 683 установки
- [oauth](https://affpapa.org/nevibecode/skills/oauth.md) — скилл · 3000 установок
- [adding-auth](https://affpapa.org/nevibecode/skills/adding-auth.md) — скилл · 379 установок
- [better-auth-authentication](https://affpapa.org/nevibecode/skills/better-auth-authentication.md) — скилл · 389 установок

Из того же набора: [giuseppe-trisciuoglio/developer-kit](https://affpapa.org/nevibecode/by/giuseppe-trisciuoglio/developer-kit.md) — 93 карточки

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

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