Using Spotlight with Next.js
Before integrating Spotlight with Next.js, make sure you have the following prerequisites:
Next.js Project: Ensure you have a Next.js project set up. If you don’t have one, you can create a new Next.js project by following the official documentation.
Sentry Integration: Sentry should already be integrated into your Next.js project. If you haven’t set up Sentry, follow the official documentation.
Initialize Spotlight within
sentry.client.config.js, after you’ve initialized the Sentry:
In the Browser you don’t need to set
Spotlight.init() will automatically detect if Sentry is available and if so, hook into the SDK.
For more options on how to configure Spotlight, see Configuration.
Run the Sidecar
Spotlight’s architecture requires a sidecar to be running alongside your service. This is to enable streaming data collection from your backend services into the Spotlight overlay.