spotlight
spotlight copied to clipboard
Next.js Integration
I want to have a Next.js Integration - that represents my local Next.js project and surfaces errors, transactions, and spans in a way that correlates to my Next.js App.
View:
A table that represents and mirrors my local Next.js Project: (example VSCode file structure)
One row in the table represents one file in the filesystem, columns in the table:
| Errors | Traces | DB Calls | Response Time | |
|---|---|---|---|---|
| changelog/ | ||||
| ├─ page.tsx | 5 | 2 | 1 | 321 ms |
The numbers are clickable and render a list of all Errors that correlate to this file (same for traces and DB Calls)
The idea behind the integration is that it should serve as an entry point to all errors/traces/things that happen in my next.js app and help me quickly find the errors I am dealing with.