Connect Next js app to azure app insights using open telemtry through the package - @vercel/otel

Question

I encountered the Next.js documentation that mentions using the package "@vercel/otel" for OpenTelemetry configuration. I followed the instructions and successfully set it up on the client side. However, it appears that there's a need for an OpenTelemetry collector backend to collect the data, and I need to use Azure Application Insights as a collector. When I checked the marketplace, I couldn't find Azure Application Insights listed as a collector here, but I did find other options like Datadog.

My question is, how can I connect my Next.js app to Azure Application Insights using OpenTelemetry, and is it possible to log data using the "@vercel/otel" package for this purpose?

https://stackoverflow.com/questions/77271266/connect-next-js-app-to-azure-app-insights-using-open-telemtry-through-the-packag

Answer 1

Ramji R, thank you for posting this question.

You could also use the framework extension for Application Insights JavaScript SDK as mentioned here - https://learn.microsoft.com/en-us/azure/azure-monitor/app/javascript-framework-extensions?tabs=react

Regarding specific questions related to Vercel/next.js, I would suggest reaching out to the Vercel community as mentioned here - vercel/next.js#community

For specific issues related to "@vercel/otel", I would suggest raising it as an issue on the respective issue page - https://github.com/vercel/otel/issues