メインコンテンツへスキップ
ClickStack は、Next 13.2+ の Next.js serverless functions からネイティブな OpenTelemetry トレースを取り込めます。 このガイドで統合するもの:
  • コンソールログ
  • トレース
セッションリプレイやブラウザー側の監視が必要な場合は、代わりに Browser インテグレーション をインストールしてください。

インストール

インストルメンテーション フックを有効にする (v15 以下では必須)

まず、next.config.jsexperimental.instrumentationHook = true; を設定して、Next.js のインストルメンテーション フックを有効にする必要があります。 例:

ClickHouse OpenTelemetry SDK のインストール

インストルメンテーション用ファイルを作成する

Next.js プロジェクトのルートに、次の内容で instrumentation.ts (または .js) という名前のファイルを作成します。
これにより、Next.js はサーバーレス関数が呼び出されるたびに OpenTelemetry のインストルメンテーションをインポートできるようになります。

環境変数を設定する

OpenTelemetry 経由でトレースを ClickStack に直接送信する場合は、スパンの送信先が OTel collector になるように、以下の環境変数を設定して Next.js サーバーを起動する必要があります。
copy
Vercel にデプロイする場合は、上記のすべての環境変数が そのデプロイメントに設定されていることを確認してください。
最終更新日 2026年7月2日