Clerkウェブフック & イベント

概要

ユーザーライフサイクルイベントとデータ同期のためのClerkウェブフックを設定・処理します。

前提条件

• ウェブフックアクセス可能なClerkアカウント
• ウェブフック用のHTTPSエンドポイント
• 検証用のsvixパッケージ

手順

ステップ1: 依存関係をインストール

npm install svix

ステップ2: ウェブフックエンドポイントを作成

// app/api/webhooks/clerk/route.ts
import { Webhook } from 'svix'
import { headers } from 'next/headers'
import { WebhookEvent } from '@clerk/nextjs/server'

export async function POST(req: Request) {
  const WEBHOOK_SECRET = process.env.CLERK_WEBHOOK_SECRET

  if (!WEBHOOK_SECRET) {
    throw new Error('CLERK_WEBHOOK_SECRET not set')
  }

  // S

...