config: Add OTEL setup for NextJS

blarghmatey · blarghmatey · commit c5581d75f31f · 2025-08-05T11:16:55.000-04:00
diff --git a/frontends/main/package.json b/frontends/main/package.json
@@ -17,9 +17,13 @@
     "@mitodl/mitxonline-api-axios": "2025.7.28",
     "@mitodl/smoot-design": "^6.10.0",
     "@next/bundle-analyzer": "^14.2.15",
+    "@opentelemetry/api-logs": "^0.203.0",
+    "@opentelemetry/instrumentation": "^0.203.0",
+    "@opentelemetry/sdk-logs": "^0.203.0",
     "@remixicon/react": "^4.2.0",
     "@sentry/nextjs": "^9.0.0",
     "@tanstack/react-query": "^5.66",
+    "@vercel/otel": "^1.13.0",
     "api": "workspace:*",
     "classnames": "^2.5.1",
     "formik": "^2.4.6",
diff --git a/frontends/main/src/instrumentation.ts b/frontends/main/src/instrumentation.ts
@@ -1,5 +1,6 @@
 // Added by @sentry/wizard
 import * as Sentry from "@sentry/nextjs"
+import { registerOTel } from "@vercel/otel"
 
 export async function register() {
   if (process.env.NEXT_RUNTIME === "nodejs") {
@@ -9,6 +10,8 @@ export async function register() {
   if (process.env.NEXT_RUNTIME === "edge") {
     await import("../sentry.edge.config")
   }
+
+  registerOTel({ serviceName: "mitlearn-frontend" })
 }
 
 export const onRequestError = Sentry.captureRequestError
diff --git a/yarn.lock b/yarn.lock

Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,6 @@`
`1`	`1`	`// Added by @sentry/wizard`
`2`	`2`	`import * as Sentry from "@sentry/nextjs"`
	`3`	`+import { registerOTel } from "@vercel/otel"`
`3`	`4`
`4`	`5`	`export async function register() {`
`5`	`6`	`if (process.env.NEXT_RUNTIME === "nodejs") {`
`@@ -9,6 +10,8 @@ export async function register() {`
`9`	`10`	`if (process.env.NEXT_RUNTIME === "edge") {`
`10`	`11`	`await import("../sentry.edge.config")`
`11`	`12`	`}`
	`13`	`+`
	`14`	`+ registerOTel({ serviceName: "mitlearn-frontend" })`
`12`	`15`	`}`
`13`	`16`
`14`	`17`	`export const onRequestError = Sentry.captureRequestError`