NexTrace (Open-Source)

NexTrace helps Next.js developers identify network request performance bottlenecks and monitor console logs in real time. It makes debugging Next.js applications quick and easy. NexTrace is a VSCode extension that solves Next.js’ limited network and log visibility in SSR components without sacrificing the benefits the framework has to offer. Next.js developers can use NexTrace to display all HTTP requests and console logs that occur when running their application, regardless of the component rendering client or server-side. It provides developers with intuitive graph displays that imitates the Chrome Dev Tools in a native VSCode environment. NexTrace presents a collection of metrics displayed in a table with charts that synthesize the data. It effectively restores the network and console tabs of the browser’s developer tools and serves as a one-stop shop for this data. Developed and managed under tech accelerator, OSLabs. (opensourcelabs.io)