Debugging Next JS on Visual Studio Code

How to do simple debugging of Next JS application on Visual Studio Code both server and client side components.

Example use Next JS 14 with App Router

Timeline:
0:00 Setup Project
03:15 Create server side code
04:49 Setup debugging scripts
06:38 Debug server side component
07:47 Create client side code
11:49 Debug client side component
13:44 Debug both server and client side component

[edip]

gracias amigo no lo sabia ahora lo se .

[michaelstein]

Thanks for posting this. Was very helpful! It worked for me.