Next.js Discord

Discord Forum

Debugging Next.js app router server components or api with jetbrains IDE

Unanswered
Forest bachac posted this in #help-forum
Open in Discord
Avatar
Forest bachacOP
Does anyone know how to setup debugging with Next.js server components app router? Mine works for client components, but with the Node.js side doesn't ever pause execution with a breakpoint. My config looks like this.
Image

8 Replies

Avatar
tafutada777
you want to use WebStorm instead of Rider. Here is my screen capture to debug Auth.js session in a App Router Server Component.
Image
it works inside jsx as well
Image
API (Handler) works as well, so posted headers can be revealed nicely.
Image
I use Rider for C# ASP.NET only
Avatar
Forest bachacOP
@tafutada777 I need to use Rider, and it seems to have the same functionality as inteliJ and web storm as I can follow the guides like this https://www.jetbrains.com/help/rider/Node_debug_server_client.html
I just must be setting something up wrong. What is your configuration?
client side works, just the server components and /api node.js side
Avatar
tafutada777
it looks different from WebStorm, where no configuration is needed.
Avatar
Forest bachacOP
Alright, well I'll leave this up in case someone else has an idea