nextjs-supabase-auth · davila7 — скилл для Claude Code: Supabase Auth в Next.js
Помогает подключить Supabase Auth к Next.js App Router: middleware, колбэк OAuth, защищённые маршруты и работа с сессией на сервере.
npx claude-code-templates@latest --skill development/nextjs-supabase-authЧто делает 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.
Какие задачи решает
- защитить маршруты через middleware и не потерять сессию
- обменять код OAuth на сессию в колбэк-маршруте
- развести клиенты Supabase для сервера и браузера
- убрать вызов
getSessionиз Server Components - перестать хранить токены вручную
Примеры запросов агенту
- Настрой вход через Supabase в App Router, используя
@supabase/ssr - Добавь middleware, который обновляет сессию и закрывает приватные маршруты
- Сделай маршрут колбэка, который меняет код OAuth на сессию
Как установить nextjs-supabase-auth
1Через claude-code-templates
npx claude-code-templates@latest --skill development/nextjs-supabase-auth2Через Skills CLI (Vercel)
npx skills add davila7/claude-code-templates --skill nextjs-supabase-auth -a claude-code3Вручную: положить файлы
~/.claude/skills/nextjs-supabase-auth/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/nextjs-supabase-auth/
Вручную: положить файлы
.agents/skills/nextjs-supabase-auth/SKILL.mdДля всех проектов — ~/.agents/skills/
Вручную: положить файлы
.cursor/skills/nextjs-supabase-auth/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install davila7/claude-code-templates nextjs-supabase-auth2Вручную: положить файлы
.github/skills/nextjs-supabase-auth/SKILL.mdКомандой платформы
gemini skills install https://github.com/davila7/claude-code-templates --path cli-tool/components/skills/development/nextjs-supabase-authВручную: положить файлы
.devin/skills/nextjs-supabase-auth/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Claude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о nextjs-supabase-auth
Как установить nextjs-supabase-auth в Claude Code?
Через шаблоны: npx claude-code-templates@latest --skill development/nextjs-supabase-auth. Второй способ — npx skills add davila7/claude-code-templates --skill nextjs-supabase-auth -a claude-code.
Что делает nextjs-supabase-auth?
Помогает агенту правильно связать Supabase Auth с Next.js App Router: настроить клиентов, middleware, колбэк OAuth и защищённые маршруты.
Что нужно для работы скилла?
Проект на Next.js App Router и бэкенд на Supabase. Интеграция строится на @supabase/ssr и куки-сессиях.
Похожие скиллы
Все скиллы по теме «Бэкенд и API» →Сначала — nextjs-supabase-auth от других авторов.
