Integrating with Next.js
Next.js enables a React application to be rendered on either the client-side or server-side, improving first-page load performance and capability. Integrating TrackJS will require an isomorphic adapter to inject either the browser agent or the node agent at runtime.
Attach TrackJS into Next.js through a custom <app> as described in the Next.js documentation.
pages/_app.js override of the Application enables us to attach the standard React
componentDidCatch handler. The rest of the code is boilerplate from the Next.js documentation.
TrackJS Isomorphic Adapter
To use the agent effectively in both NodeJS and on the browser, you need to add a small isomorphic adapter to your application. This allows you to get the correct agent object in your code.
Next.js is commonly augmented with Express for a data API. See the Express integration for details.