Connect your Next.js backend to Chrome DevTools using Subtrace
For this guide, we’ll use a minimal Next.js app as an example, but any Next.js app should work fine.
You can find the complete source code used in this demo here.To get started, download the latest version of Subtrace using the following command:
Copy
Ask AI
curl -fsSL https://subtrace.dev/install.sh | sh
Then get a SUBTRACE_TOKEN from the Subtrace dashboard
for free and set it as an environment variable.
Copy
Ask AI
# get a tracer token for free at https://subtrace.dev/dashboardexport SUBTRACE_TOKEN=
Build and start your server using Subtrace:
Copy
Ask AI
npm installsubtrace run -- npm run dev
That’s it! You can now visit localhost:3000 to see them automatically appear in the Subtrace dashboard in realtime.