Netx.jsのDynamic Routing

ちゃんと説明すると時間がかかるんだけど、Next.jsのコードというか内部実装を読みたくて苦戦している。

Railsみたいに、フレームワーク的なライブラリを読むという経験が非常に少ないので、自分が確認したい実装箇所をどうやって探し出せばいいのかが分からない。

VSCodeのデバッグでステップインすれば内部まで飛べるかなと思い、やり方を調べてやってみている。

Configuring: Debugging | Next.js

結局公式ドキュメント読むのが最も効率がいいし効果的なんだよね。

VSCodeでデバッグしてブレークポイントで処理を止めてステップインしたら内部実装までコードをジャンプさせることはできたのだけど、今回自分が確認したいのは「Next.jsアプリケーションがGETリクエストを受けてURLを精査し正しいpagesファイルにルーティングする部分」なので、そもそもブレークポイントを置くのってNext.jsの実装のどこかになるし、そうなるとminifyされたNext.jsのコードしかないんだから無理では……？となっています。

この場合どうすればいいのか分からないので、とりあえずNext.jsのリポジトリをforkして手元に置いて色々調べてみているが、該当箇所を探すのすら難しいのにコードも大量にあって読むのが難しい。

ChatGPTに聞いてもまあもちろんぼんやりとは答えてくれるけど、具体的にどのファイルのどの処理？っていうのまではさすがに無理そう。

どうしたものか。