Next.jsにsentry導入する

とりあえず料金確認。
https://sentry.io/pricing/

プラン毎に高さが違うプランページって初めてみた気がする。

オンボーディングに沿って、npx @sentry/wizard@latest -i nextjsを叩くとサンプルページ作られる。
UX良き。

デフォルトでビジネスプランのトライアルに設定されてた。
これはなんか嫌やな。

とりあえず導入はできた。
下記あたりを読む

• https://docs.sentry.io/platforms/javascript/guides/nextjs/
• https://docs.sentry.io/platforms/javascript/guides/nextjs/usage/?original_referrer=http%3A%2F%2Flocalhost%3A3000%2F
• https://docs.sentry.io/product/integrations/deployment/vercel/?original_referrer=http%3A%2F%2Flocalhost%3A3000%2F

nextのerror周りは下記参照。

• https://nextjs.org/docs/pages/building-your-application/routing/custom-error
• https://nextjs.org/docs/pages/building-your-application/configuring/error-handling

本番と開発環境で分けたかったらプロジェクトを分けるのが良いぽい。
https://note.com/tabelog_frontend/n/n7f6822ae0c0d

開発環境では送らなくて良いなって思ってたけど、下記は確かにっていう感じがする。
良い知見や。

残作業

• 本番でエラー検知できるか確認。 -> 特に何も設定しなくても本番デプロイしてエラー発生させたらsentryで確認できた。
• 諸々のドキュメント確認