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
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.

8 Replies

you want to use WebStorm instead of Rider. Here is my screen capture to debug Auth.js session in a App Router Server Component.
it works inside jsx as well
API (Handler) works as well, so posted headers can be revealed nicely.
I use Rider for C# ASP.NET only
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
it looks different from WebStorm, where no configuration is needed.
Forest bachacOP
Alright, well I'll leave this up in case someone else has an idea