next.jsのページ間の値の受け渡しについて

Question

以下の二つの方法以外のやり方が無いのか知りたいです。

・reduxを使う
・昔ながらの手法（ＵＲＬのゲットパラメーターから取得）を使う

やりたいこと：
ユーザーが何らかのキーワードを入力し、検索ボタンを押すと画面が遷移します。
その遷移先において、前のページで入力されたキーワードに基づいて
外部ＡＰＩからデータを取得し、そのデータを用いてレンダリングすることです。

よくある商品検索サイトなどをイメージしていただけると良いかと思います。

　前ページのデータさえ取得できれば、あとは非同期関数（async）を使って外部APIにアクセスし、、、という流れで考えています。

　よろしくお願い致します。

Answer 1

next.jsをお使いならuseRouterを使用するのはどうでしょうか

next/router

Comments

[webquestion]

なるほど！router.pushを使って渡すということですね！何とか理解できた気がします！ありがとうございます！