【Next.js】getServerSidePropsでクエリパラメータを取得する方法 - Qiita

前回、Next.jsを使ったクライアントサイドでのクエリパラメータを取得する方法を解説しました。 Next.jsでクエリパラメータを遷移先に渡すにはどうすればいいのか？ - Qiita 前回使用したuseRouterフックはクライアントサイドで動きますが、サーバーサイドではエラーになります。そのためサーバーサイドでクエリパラメータを取得するには別の方法が必要です。 なので、今回はサーバーサイドでクエリパラメータを取得する方法を解説します。 サーバーサイドレンダリングでクエリパラメータを取得する方法 まずはサーバーサイドでレンダリングするためgetServerSidePropsの定義が必要です。その際の注意点としては**exportとayncキーワードをつけること**です。これにより、リクエスト毎にこのページを事前にレンダリングします。 そして、このgetServerSidePropsの中で