Supabase + Next.jsでユーザー招待機能を実装する
supabase.auth.admin.inviteUserByEmailを使用してユーザー招待、認証、リダイレクトまでを実装します。
環境
- Supabase CLI 1.93.0
- @supabase/supabase-js 2.39.7
- @supabase/ssr 0.1.0
- Next.js ( App Router ) 14.1.0
- TypeScript 5.1.3
Emailテンプレートを作成
loading...
config.toml下部に下記を追記し、上記テンプレートを読み込む
loading...
設定反映
loading...
エンドポイント作成
loading...
ユーザー招待処理
ファイルを分けてServer Actionsで書いたので、あとはこれをフロントから叩くだけです。
loading...
※supabase.auth.admin名前空間配下のメソッドを使用するときはsupabaseKeyにSUPABASE_SERVICE_ROLEを設定してください。( Supabase Javascript Client - Auth Admin )