Sentry for Development
Spotlight is a highly customizable debug tool embedded in your web app.

Thirty Seconds to Liftoff
npm install @spotlightjs/spotlight
import * as Spotlight from '@spotlightjs/spotlight';
if (process.env.NODE_ENV === 'development') { Spotlight.init();}
npx spotlight-sidecar

Your perfect dev companion
Embedded in your frontend
Notifies you of errors and other signals as they happen. No more context switching.
How?0
Works Everywhere
Compatible with Sentry's universal SDKs
Take the power of Sentry's telemetry and bring that into your development environment with Errors and Traces in both Frontend and Backend.
Configure with Sentry
An Extension of You
Customizable overlay to support your use cases
The powerful overlay and event proxy make it easy to extend Spotlight to other concepts including first-party concerns.
CustomizeSpotlight directly integrated into Astro Dev Overlay