# nextjs-supabase-auth

Помогает подключить Supabase Auth к Next.js App Router: middleware, колбэк OAuth, защищённые маршруты и работа с сессией на сервере.

- скилл · `type=skill` · Claude Code · 367 установок
- Автор: davila7
- Лицензия: не указана · policy=link-only · показываем только описание, файл — у автора
- Исходник: https://github.com/davila7/claude-code-templates/tree/HEAD/cli-tool/components/skills/development/nextjs-supabase-auth
- Обновлён: 2026-10-24
- HTML: https://affpapa.org/nevibecode/skills/nextjs-supabase-auth

## Что делает

Скилл задаёт агенту рамки работы с авторизацией в App Router. Он держит в голове границу между сервером и клиентом: где читать сессию, где её обновлять, что нельзя отдавать в браузер. Токены в middleware, Server Components, Client Components и Server Actions — всё это разложено по своим местам.

Внутри три готовых сценария: настройка клиентов Supabase под разные контексты, middleware для защиты маршрутов и обновления сессии, маршрут колбэка для обмена кода OAuth на сессию. Отдельно перечислены антипаттерны — например, вызов `getSession` в Server Components и ручное хранение токенов. Если у вас уже есть проект на Next.js App Router и бэкенд на Supabase, скилл ложится поверх без переделок.

Скилл опирается на `@supabase/ssr` и куки-сессии, поэтому старый подход с `@supabase/auth-helpers` здесь не подойдёт — это повод проверить зависимости перед подключением. Работает в паре со скиллами `nextjs-app-router` и `supabase-backend`.

## Требования
- Работает с: Supabase

## Установка

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

1. **Через claude-code-templates**
```bash
npx claude-code-templates@latest --skill development/nextjs-supabase-auth
```

2. **Через Skills CLI (Vercel)**
```bash
npx skills add davila7/claude-code-templates --skill nextjs-supabase-auth -a claude-code
```

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

### Codex

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

### Cursor

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

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install davila7/claude-code-templates nextjs-supabase-auth
```

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

### Gemini CLI

**Командой платформы**
```bash
gemini skills install https://github.com/davila7/claude-code-templates --path cli-tool/components/skills/development/nextjs-supabase-auth
```

### Windsurf (Devin Desktop)

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

### Claude.ai

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

Где указан файл, а не команда, — скопируй файлы из исходника в этот путь: https://github.com/davila7/claude-code-templates/tree/HEAD/cli-tool/components/skills/development/nextjs-supabase-auth

## Когда брать
- защитить маршруты через middleware и не потерять сессию
- обменять код OAuth на сессию в колбэк-маршруте
- развести клиенты Supabase для сервера и браузера
- убрать вызов `getSession` из Server Components
- перестать хранить токены вручную

## Примеры запросов агенту
- Настрой вход через Supabase в App Router, используя `@supabase/ssr`
- Добавь middleware, который обновляет сессию и закрывает приватные маршруты
- Сделай маршрут колбэка, который меняет код OAuth на сессию

## Похожие
- [mcp-builder](https://affpapa.org/nevibecode/skills/mcp-builder.md) — скилл · 130949 установок
- [claude-api](https://affpapa.org/nevibecode/skills/claude-api.md) — скилл · 74198 установок
- [lark-im](https://affpapa.org/nevibecode/skills/lark-im.md) — скилл · 472900 установок
- [lark-event](https://affpapa.org/nevibecode/skills/lark-event.md) — скилл · 466800 установок
- [caveman-discover](https://affpapa.org/nevibecode/skills/caveman-discover.md) — скилл · 104400 установок
- [migration](https://affpapa.org/nevibecode/skills/migration.md) — скилл · 103900 установок

## Другие версии с тем же именем
- [nextjs-supabase-auth · sickn33](https://affpapa.org/nevibecode/skills/sickn33-nextjs-supabase-auth.md) — 6600 установок

Из того же набора: [davila7/claude-code-templates](https://affpapa.org/nevibecode/by/davila7/claude-code-templates.md) — 238 карточек

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