Навыки nextjs-supabase-auth
📦

nextjs-supabase-auth

Ревизия содержимого r2 Высокий риск ⚙️ Внешние команды🔑 Переменные окружения

Создание потоков Supabase Auth в Next.js

Аутентификация Next.js App Router может ломаться на уровне middleware, Server Components и клиентского состояния. Этот навык помогает настроить Supabase Auth с cookie-сессиями, защищенными маршрутами, обработкой callback и гигиеной токенов.

Поддерживает: Claude Codex Code(CC)
⚠️ 38 Плохо

Установить с помощью моего Агента

Скопируйте этот запрос в своего Агента. Он содержит каноническую страницу Skill и манифест.

Запрос агента
Review the Skillstore skill "nextjs-supabase-auth" from https://skillstore.io/skills/sickn33-nextjs-supabase-auth.md and its manifest at https://skillstore.io/api/skills/sickn33-nextjs-supabase-auth/manifest. Verify the artifact. Stop and obtain explicit user consent before installing or changing files.

Ваш Агент по-прежнему должен показать план и запросить все подтверждения, требуемые политикой безопасности.

Ресурсы для AI-агентов

Используйте эти ссылки, когда AI-агенту, crawler или script нужен чистый контекст вместо полной страницы.

Протестировать

Использование «nextjs-supabase-auth». Мне нужны защищенные маршруты dashboard с Supabase Auth в App Router.

Ожидаемый результат:

План защиты маршрутов, который охватывает проверки в middleware, обновление сессии, безопасные redirects и то, где должна выполняться каждая операция аутентификации.

Использование «nextjs-supabase-auth». Мой OAuth callback работает локально, но пользователи теряют сессии после redirect.

Ожидаемый результат:

Чеклист для диагностики обмена callback, сохранения cookies, целей redirect и контекста Supabase-клиента.

Использование «nextjs-supabase-auth». Проверь, должен ли мой client component читать auth tokens напрямую.

Ожидаемый результат:

Обзор границ, который рекомендует доступ к сессии на стороне сервера и избегает лишнего раскрытия токенов в клиентском коде.

Аудит безопасности

Высокий риск

The command-execution alerts are false positives caused by JavaScript template literals, Markdown fences, and inline Markdown. Public Supabase environment variables are expected, but the OAuth callback contains a high-severity open redirect through its unvalidated next parameter.

1
Просканировано файлов
314
Проанализировано строк
0
Пункты проверки
0
Ложные срабатывания проигнорированы

Подтверждённые проблемы безопасности (1)

Высокий
Unvalidated OAuth Callback Redirect
The callback concatenates the user-controlled next query value with the site origin. Crafted values can produce an external redirect after authentication and support phishing.
The next value comes directly from URL search parameters and reaches NextResponse.redirect without validation. The data flow is explicit in the example.
Поделиться и цитировать этот отчет

Делитесь версионным отчетом об оценке, нейтральным значком, встраиваемой карточкой и цитатами. Skillstore публикует доказательства, не решая, безопасен ли этот Skill.

Открыть версионный отчет
Оценка безопасности

Копировать ссылку на отчёт

https://skillstore.io/skills/sickn33-nextjs-supabase-auth/audits/6?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Значок Markdown

[![Skillstore security assessment](https://skillstore.io/badges/skills/sickn33-nextjs-supabase-auth/security.svg)](https://skillstore.io/skills/sickn33-nextjs-supabase-auth?utm_source=security_passport_badge)

Значок HTML

<a href="https://skillstore.io/skills/sickn33-nextjs-supabase-auth?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/sickn33-nextjs-supabase-auth/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

Встраиваемая карточка

<iframe src="https://skillstore.io/embed/skills/sickn33-nextjs-supabase-auth.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>
Академические ссылки (APA · BibTeX · CFF)

Цитата APA

sickn33. (2026). nextjs-supabase-auth security audit report (audit version 6) [Author version unspecified]. Skillstore. https://skillstore.io/skills/sickn33-nextjs-supabase-auth/audits/6

Цитата BibTeX

@techreport{sickn33-sickn33-nextjs-supabase-auth-2026, author = {sickn33}, title = {nextjs-supabase-auth security audit report (audit version 6)}, institution = {Skillstore}, year = {2026}, number = {6}, url = {https://skillstore.io/skills/sickn33-nextjs-supabase-auth/audits/6}, note = {Author version unspecified} }

CITATION.cff

cff-version: 1.2.0 message: "If you use this Skill, cite its author and this versioned security audit report." title: "nextjs-supabase-auth security audit report (audit version 6)" version: "unspecified" type: report authors: - name: "sickn33" date-released: "2026-08-04" url: "https://skillstore.io/skills/sickn33-nextjs-supabase-auth/audits/6" identifiers: - type: other value: "skillstore:sickn33-nextjs-supabase-auth:audit:6" description: "Skillstore immutable audit report identifier"

Оценка Skillstore

Почему такая оценка Достоверность доказательств: Высокий
55
Архитектура
85
Сопровождаемость
87
Контент
69
Сообщество
83
Соответствие спецификации

Что вы можете построить

Добавить вход в проект App Router

Спланировать клиенты Supabase Auth, callbacks и cookie-сессии для нового приложения Next.js.

Защитить маршруты с серверным рендерингом

Спроектировать middleware и защиту маршрутов, которые поддерживают обновление сессий без раскрытия токенов.

Проверить выбор границ аутентификации

Проверить, где должна находиться логика аутентификации: в middleware, Server Actions, Server Components или Client Components.

Попробуйте эти промпты

Спланировать базовую настройку аутентификации
Помоги мне добавить Supabase Auth в проект Next.js App Router. Охвати настройку клиента, cookies, вход, выход и защищенные маршруты.
Спроектировать защиту middleware
Проверь мой план защиты маршрутов для Next.js App Router и Supabase Auth. Сфокусируйся на обновлении сессии в middleware и безопасных redirects.
Обработать поток OAuth callback
Проведи меня по потоку OAuth callback для Supabase Auth в Next.js App Router. Объясни обмен code, session cookies и обработку redirects.
Провести аудит архитектуры аутентификации
Проведи аудит моей архитектуры Next.js Supabase Auth. Выяви риски раскрытия токенов, проблемы границ между сервером и клиентом и неверно размещенное состояние аутентификации.

Лучшие практики

  • Используйте @supabase/ssr для обработки сессий в App Router.
  • Обновляйте и защищайте сессии в middleware для приватных маршрутов.
  • Не допускайте попадания auth tokens в клиентский код, если это действительно не требуется.

Избегать

  • Не полагайтесь на getSession внутри Server Components.
  • Не сохраняйте Supabase tokens вручную в custom storage.
  • Не управляйте клиентским состоянием аутентификации без listener.

Часто задаваемые вопросы

Что помогает создать этот навык?
Он помогает проектировать потоки Supabase Auth для приложений Next.js App Router.
Генерирует ли он полноценное starter app?
Нет. Он предоставляет рекомендации по реализации и поддержку ревью, а не полный каркас проекта.
Какой пакет Supabase он рекомендует?
Он рекомендует @supabase/ssr для интеграции с App Router и обработки сессий на основе cookies.
Может ли он помочь с защищенными маршрутами?
Да. Он охватывает паттерны middleware для защищенных маршрутов и обновляемых сессий.
Рассматривает ли он OAuth callbacks?
Да. Он охватывает обработку callback route и обмен OAuth code на сессию.
Совместим ли он с Claude Code и Codex?
Да. Навык заявляет поддержку Claude, Codex и Claude Code.

Сведения для разработчиков

Автор

sickn33

Лицензия

MIT

Ревизия Skillstore

r2

Примечание о версии

Автор не указал версию.

Ссылка

81e05e636292629114b76cbb3922fbe57672fc02

Актуальность поддержки

15.08.2026

Использование

12 загрузок · 120 просмотров

Структура файлов

📄 SKILL.md

Больше от sickn33

Показать все
📦

content-creator

88

Создание маркетингового контента в едином стиле бренда

Маркетинговым командам нужен контент, который остается согласованным во всех каналах. Этот навык помогает планировать, писать, анализировать и оптимизировать контент с учетом голоса бренда и SEO.

Письмо и контент Просмотр
📦

prompt-engineering-patterns

85

Улучшайте LLM-промпты с помощью проверенных паттернов

Непоследовательные промпты тратят время и снижают доверие к результатам AI. Этот навык помогает проектировать промпты с использованием переиспользуемых паттернов, примеров, этапов оценки и рабочих процессов оптимизации.

Продуктивность Просмотр
📦

senior-architect

81

Проектируйте масштабируемые архитектуры ПО

Архитектурные решения сложно сравнивать для веб-, мобильных, backend- и облачных систем. Этот навык предоставляет структурированные руководства и локальные скрипты-заготовки для отчетов, анализа зависимостей и документирования компромиссов.

Кодинг и разработка Просмотр
📦

senior-fullstack

81

Создавайте fullstack-приложения с senior-паттернами

Командам нужны единые рекомендации по настройке, архитектуре и ревью для современных веб-приложений. Этот skill предоставляет scaffolders, справочные материалы по рабочим процессам и quality prompts для проектов на React, Next.js, Node.js, GraphQL и PostgreSQL.

Кодинг и разработка Просмотр
📦

product-manager-toolkit

80

Приоритизируйте продуктовую работу с помощью исследовательских инсайтов

Продуктовым командам нужны более быстрые способы ранжировать функции, обобщать интервью и документировать решения. Этот навык предоставляет RICE-оценку, анализ интервью и шаблоны PRD для структурированного планирования.

Продуктивность Просмотр
Показать все
📦

nextjs-architecture

81

Планирование архитектуры приложения Next.js App Router

от 89jobrien

Командам Next.js может быть сложно выбрать маршруты, компоненты, загрузку данных и шаги миграции. Этот skill дает структурированные архитектурные рекомендации по App Router, Server Components и производительности.

Кодинг и разработка Просмотр
📦

nextjs-optimization

80

Оптимизация производительности Next.js

от Atman36

Приложения Next.js могут замедляться из-за больших бандлов, слабого кэширования и неоптимизированных медиа. Этот навык помогает Claude, Codex и Claude Code выполнять целевые улучшения производительности для продакшен-приложений.

Кодинг и разработка Просмотр
📦

vercel-react-view-transitions

82

Реализация React View Transitions

от vercel-labs

Переходы представлений React легко разместить неправильно, что приводит к незаметным или избыточным анимациям. Этот навык помогает выбирать анимации для маршрутов, Suspense, списков и общих элементов.

Кодинг и разработка Просмотр
📦

senior-frontend

81

Создание готовых к промышленной эксплуатации фронтенд-функций

от davila7

Фронтенд-командам нужны согласованные рекомендации по React и Next.js для разных проектов. Этот навык предоставляет справочные рабочие процессы, практики обеспечения качества и вспомогательные скрипты для анализа фронтенда.

Кодинг и разработка Просмотр
📦

vercel-react-best-practices

80

Оптимизация производительности React и Next.js

от vercel-labs

Приложения React и Next.js часто теряют скорость из-за waterfalls, больших бандлов и предотвратимых повторных рендеров. Этот skill дает агентам конкретные правила для более безопасных изменений, ориентированных на производительность.

Кодинг и разработка Просмотр