UGA Boxxx

つぶやきの延長のつもりで、知ったこと思ったこと書いてます

【Next.js】IntelliJでgetStaticPropsの処理をデバッグしたい

ローカル開発中、getStaticPropsの処理をデバッグしたいが、普通にブレークポイントをおいただけではうまくいかなかった

調べたところ特殊な設定が必要とわかった nextjs.org

まず、Run/Debug Configurationsの設定をするため「Edit Configurations...」をクリックして設定を開始する

yarn devlocalhost:3000で起動後、上で作ったデバッグ構成を実行すると、選択したブラウザーが自動的に開く

このブラウザ上で画面を操作するとgetStaticProps内においたブレークポイントで処理が止まることが確認できる