NextjsのgetServerSidePropsでダイナミックルーティングのidを取得する方法

やること

 

通常、Next.jsのダイナミックルーティング(post/1)ではidの1を取得するためには、下記のように書くと値がとれます。

const { id } = router.query;

これをgetServerSidePropsの中で取得するにはどうすればいいでしょうか。

export async function getServerSideProps(context) {

下記のようにすれば取れます。


export async function getServerSideProps(context) { const { id } = context.query;

参考

 

Dynamic routing with getServerSideProps in Nextjs

藤沢瞭介(Ryosuke Hujisawa)
  • りょすけと申します。18歳からプログラミングをはじめ、今はフロントエンドでReactを書いたり、AIの勉強を頑張っています。off.tokyoでは、ハイテクやガジェット、それからプログラミングに関する情報まで、エンジニアに役立つ情報を日々発信しています!

Next.js

コメントする

メールアドレスが公開されることはありません。