概要 Next.js + Vercelで運用しているアプリケーションにSentryを連携させる手順を説明します。 今回は実際に自分が 友人 と開発・運用しているサービス LGTMeow にこれらの設定を追加したので、実際の設定内容を踏まえて解説します。 対象読者 Next.jsのアプリケーションをVercelにデプロイしている人を対象読者としています。 事前準備 Sentryへサインアップ 以下のページからサインアップを行ないます。 自分はGitHubのアカウントを利用して作成しました。 Sentry organizationの作成 以下のページより作成します。 自分はGitHub Organizationと同じ名称で作成しました。 Sentry プロジェクトの作成 プロジェクトを作成します。 プラットフォームを選択でNext.jsを選択 Set your default alert se
![Next.js + VercelとSentryを連携させる](https://cdn-ak-scissors.b.st-hatena.com/image/square/14f629b419e110561a078f9059352cfec4b2f7f6/height=288;version=1;width=512/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--zr7zCnyu--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3ANext.js%252520%25252B%252520Vercel%2525E3%252581%2525A8Sentry%2525E3%252582%252592%2525E9%252580%2525A3%2525E6%252590%2525BA%2525E3%252581%252595%2525E3%252581%25259B%2525E3%252582%25258B%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3Akeitakn%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyL2I4YWRiOTY3ZDIuanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png)