FullStack debugging on your Next.js project. Make the breakpoints appropriately.

Fredric Cliver
2 min readFeb 5, 2023

To simultaneously make your breakpoint work on the front-end and back-end side, follow these steps.

Check your package.json and launch.json

Your package.json would be like this.

"repository": "",
"scripts": {
"dev": "next dev",
"build": "next build",
"start": "next start",
"lint": "next lint"
"dependencies": {
"@vercel/examples-ui": "^1.0.4",
"next": "latest",



Fredric Cliver

Majored in Physics, self-taught and worked in the IT industry as a Dev/Design/Planning for 11 years. And I had run my Startup for 3 years. I fancy a ☔️ 🇬🇧