こんにちは。AlphaDrive フロントエンドエンジニアの aku11i です。 Next.js で開発中のプロジェクトに New Relic APM / Browser を導入しました。 実は前にも対応したことがあったのでこれで2度目ですが、改めて調べ直したところ @newrelic/next というパッケージが新しく公開されていました。 Node.js エージェントをそのまま使う方法に比べて確認できる情報が増えるなどメリットがありましたので紹介したいと思います。 ※ この記事で紹介する内容は 2022 年 8 月時点のものです。今後情報が古くなる可能性がありますのでご注意ください。 また、今回記事にするにあたって検証に使用したコードを公開しています。以降は導入手順と共にこのPRでの変更差分も紹介します。 github.com @newrelic/next パッケージについて 導入する
![newrelic/nextを使ってNext.jsプロジェクトにNew Relicを導入する - Uzabase for Engineers](https://cdn-ak-scissors.b.st-hatena.com/image/square/d3e46c081f2866413d29537a7731e15fa9efbc49/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fa%2Faku11i%2F20220808%2F20220808175143.jpg)