console.logなしでNext.jsをVSCodeでデバッグさせる方法

VSCode で Next.js のデバッグをできるようにしたら開発のデバッグが超絶楽になったのでその方法について紹介していきたいと思います。 ※補足 Next.js vscode debugとかで Google 検索してみると以下のページに引っかかるかと思いますが、Next.js 9 の環境だと動かないので以下のリンクを参考に修正して動作できるようにしました。 https://github.com/microsoft/vscode-recipes/tree/master/Next-js 最終形のコードコードだけ知りたいという方は.vscode/launch.jsonを作成し、以下のコードをコピペで大丈夫です。 例は src 配下のディレクトリ構成の場合ですが、root 直下に pages がある場合は src を削除してもらえれば動作すると思います。 { "version": "0.2.