VS CodeでNext.jsをデバッグするやり方 - LCL Engineers' Blog

この記事はLCL Advent Calendar 2020 - 23日目です。 qiita.com フロントエンドエンジニアの川辺です。 もうすっかり年末ですね。 年末は毎年ソワソワしているのですが、私事ですが今年は12月末に子供が生まれる予定なので例年以上にソワソワしています。 赤ちゃんを迎える準備に忙しい日々を送っています。 弊社では11月から新規案件をNext.jsで実装しているのですが、Next.jsについてあれこれ調べてる中でNext.js公式サイトでVS Codeでデバッグする方法についてのドキュメントを見つけたので今日はそれを紹介しようと思います。 ※npx create-next-appを実行してnextを開発する環境が既にできている前提で進めていきます。 ステップ１ Next.jsをデバッグモードで起動する まずはnextを起動する時にNODE_OPTIONS='--in