In this tutorial, I walk you through setting up debugging capabilities for a Next.js project in Visual Studio Code. We create a launch.json configuration file to enable full-stack debugging, which lets you inspect both server-side and client-side code. I show how to configure VS Code to use Chrome for debugging and demonstrate setting breakpoints, live reloading, and troubleshooting your application efficiently.
00:00 Configure debugging a Next.js app
00:20 Configure vs code for debugging Next.js app