React higher-order component for using Azure Application Insights inside Next.js
MIT License
Automatically track page views, dependency calls and exceptions on you Next.js applications by using Azure Application Insights.
Install the package with npm
npm install next-applicationinsights
Wrap Next's App
in pages/_app.js
with a call to withApplicationInsights
.
import App, { Container } from 'next/app'
import { withApplicationInsights } from 'next-applicationinsights';
class MyApp extends App {
render() {
const { Component, pageProps } = this.props
return (
<Container>
<Component {...pageProps} />
</Container>
)
}
}
export default withApplicationInsights({
instrumentationKey: 'YOUR_KEY_GOES_HERE',
isEnabled: true //process.env.NODE_ENV === 'production'
})(MyApp)
That's it! 🎉
This package uses @microsoft/applicationinsights-web
, so all configuration options from this package are supported by withApplicationInsights
.
isEnabled
is a custom property that can be used to enable/disable AI tracking. We recommend the usage of process.env.NODE_ENV === 'production'
if you want to enable tracking in production builds only.