Debugging Next.js app router server components or api with jetbrains IDE
Unanswered
Forest bachac posted this in #help-forum
![Avatar](https://cdn.discordapp.com/embed/avatars/1.png)
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](https://cdn.discordapp.com/attachments/1134222522448097311/1134222522641031188/image.png)
8 Replies
![Avatar](https://cdn.discordapp.com/avatars/809942393637306400/1e4e5a29a08b96de9a1e3d3520b5e771.webp?size=256)
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](https://cdn.discordapp.com/attachments/1134222522448097311/1134321531758067762/image.png)
it works inside jsx as well
![Image](https://cdn.discordapp.com/attachments/1134222522448097311/1134322248459751574/image.png)
API (Handler) works as well, so posted headers can be revealed nicely.
![Image](https://cdn.discordapp.com/attachments/1134222522448097311/1134323479295049818/image.png)
I use Rider for C# ASP.NET only
![Avatar](https://cdn.discordapp.com/embed/avatars/1.png)
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?
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](https://cdn.discordapp.com/avatars/809942393637306400/1e4e5a29a08b96de9a1e3d3520b5e771.webp?size=256)
tafutada777
it looks different from WebStorm, where no configuration is needed.
![Avatar](https://cdn.discordapp.com/embed/avatars/1.png)
Forest bachacOP
Alright, well I'll leave this up in case someone else has an idea