Next.jsでパスパラメータを取得する方法 - Qiita

概要 フロントエンドのフレームワークを使うと、パスパラメータを使用したくなる時があります。パスパラメータについては、パスパラメータとクエリパラメータの違いを参照頂きたいのですが、URLパスに変数の値を指定する手法です。これをNext.jsで実現したい場合、どうすれば良いのか今回書きます。 どうすれば良いのか ドキュメントの動的なルーティングに書いてあるとおり、パスパラメータを設定したいパスのjsファイル名に[パスパラメータ名].jsを指定することで、パラメータの取得をそのjs内で行うことができます。言葉だけだと、ピンと来ないかもしれないので以下にサンプルを示します。 実装サンプル 今回は記事投稿を例にします。パスパラメータに投稿id（post_id）を設定し、これを取得するやり方を書きます。 ＜ファイルの配置＞ pages/postの配下に[post_id].jsを配置します。 <[pos