Logo
BlogProjectsCookingAboutContact
Back

Debugging NextJs with VSCode and Firefox

Lukas

Created: 2024/08/26Updated: 2025/01/22

In this blog post we will learn how to debug NextJs with VSCode and Firefox. Install Firefox and VS Code Debugger for Firefox.
Click on `Run and Debug` on the left side. Select `Add Configuration` and insert the following json into the created file.

To start the server, select Node.js..., then select Run Script: dev, and click start debugging VS Code start debug icon.
To start the browser, select Firefox:3000, and click start debugging VS Code start debug icon.
Now you should be able to set break points in your client and server code and they should be hit.

Please login to comment

Image of Code on VSCode
Photo of the author, Lukas