Can't debug server-side?

[visual kite]

Hello. I'm following Next.js debuggings docs (https://nextjs.org/docs/pages/building-your-application/configuring/debugging#debugging-with-chrome-devtools) and can't get server side debugging to work. I followed the VSCode debugging instructions step-by-step (And also installed Webstorm to try and debug there) and spent hours reading Github/SO issues but still can't get it to work. I decided I want to debug with Chrome since I like debugging client-side code with DevTools and again, I followed the Next.js docs, but I didn't get any positive results. I can't even find ANY of the files in my project. I have attached a screenshot that shows that not a single file from my project (except next.config.js) shows up in the node.js/server-side DevTools. What am I doing wrong?

I'm running Next.js 13.4.13 (App router)

[drowsy delta]

Post created!

🔎 This post has been indexed in our web forum and will be seen by search engines so other users can find it outside Discord

🕵️ Your user profile is private by default and won't be visible to users outside Discord, if you want to be visible in the web forum you can add the "Public Profile" role in id:customize

✅ You can mark a message as the answer for your post with Right click -> Apps -> Mark Solution
(if you don't see the option, try refreshing Discord with Ctrl + R)

[thorny mango]

what's debugging for you? To know a specfic value at a specific time? Then use console.log("some unique string", value, new Date())

[visual kite]

I would prefer to use a "real" debugger. Use breakpoints and follow the execution line by line