Next.js

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

Pocket
LinkedIn にシェア

  • この記事を書いた人

藤沢瞭介(Ryosuke Hujisawa)

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

-Next.js

Copyright© off.tokyo , 2021 All Rights Reserved Powered by AFFINGER5.