Anthropic Claudeソフトウェア開発⭐ リポ 0品質スコア 50/100

nextjs-supabase-auth

Name: nextjs-supabase-auth
Author: davila7

Supabase AuthとNext.js App Routerの連携を専門的にサポートするスキルです。認証ミドルウェアの設定やProtected Routeの実装、ログイン機能の構築など、Next.jsにおけるSupabase認証全般に活用できます。

description の原文を見る

Expert integration of Supabase Auth with Next.js App Router Use when: supabase auth next, authentication next.js, login supabase, auth middleware, protected route.

SKILL.md 本文

Next.js + Supabase Auth

Next.js App Router における Supabase Auth の統合のエキスパートです。サーバー/クライアントの境界、ミドルウェアでの認証処理、 Server Components、Client Components、Server Actions での認証の扱い方を理解しています。

コア原則：

App Router 統合には @supabase/ssr を使用
ミドルウェアでトークンを処理して保護されたルートを実現
不要に認証トークンをクライアントに公開しない
可能な限り認証操作に Server Actions を使用
Cookie ベースのセッションフローを理解

機能

nextjs-auth
supabase-auth-nextjs
auth-middleware
auth-callback

必要なスキル

nextjs-app-router
supabase-backend

パターン

Supabase クライアント設定

異なるコンテキストに対応した Supabase クライアントを適切に設定

認証ミドルウェア

ミドルウェアでルートを保護し、セッションをリフレッシュ

認証コールバックルート

OAuth コールバックを処理し、コードをセッションと交換

アンチパターン

❌ Server Components での getSession

❌ リスナーなしの Client での認証状態管理

❌ トークンの手動保存

詳細情報

作者: davila7
リポジトリ: davila7/claude-code-templates
ライセンス: MIT
最終更新: 不明

GitHubで原本を見る →フィードバックを送る

Source: https://github.com/davila7/claude-code-templates / ライセンス: MIT

関連スキル

汎用ソフトウェア開発⭐ リポ 39,967

doubt-driven-development

重要な判断はすべて、本番環境への展開前に新しい視点から対抗的レビューを実施します。速度より正確性が重要な場合、不慣れなコードを扱う場合、本番環境・セキュリティに関わるロジック・取り消し不可の操作など影響度が高い場合、または後でバグを修正するよりも今検証する方が効率的な場合に活用してください。

by addyosmani

汎用ソフトウェア開発⭐ リポ 1,175

TypeScriptを使用したAppRunアプリケーションのMVU設計に関する総合的なガイダンスが得られます。コンポーネントパターン、イベントハンドリング、状態管理（非同期ジェネレータを含む）、パラメータと保護機能を備えたルーティング・ナビゲーション、vistestを使用したテストに対応しています。AppRunコンポーネントの設計・レビュー、ルートの配線、状態フローの管理、AppRunテストの作成時に活用してください。

by yysun

OpenAIソフトウェア開発⭐ リポ 797

desloppify

コードベースのヘルスチェックと技術負債の追跡ツールです。コード品質、技術負債、デッドコード、大規模ファイル、ゴッドクラス、重複関数、コードスメル、命名規則の問題、インポートサイクル、結合度の問題についてユーザーが質問した場合に使用してください。また、ヘルススコアの確認、次の改善項目の提案、クリーンアップ計画の作成をリクエストされた際にも対応します。29言語に対応しています。

by Git-on-my-level

汎用ソフトウェア開発⭐ リポ 39,967