フロントエンドの React Query 統合を利用した NextJS サーバー側レンダリング

Question

現在、次の React クエリ実装があります:

リーリー

返された結果をカスタム コンポーネントに渡します:

リーリー

最初の検索結果を親ページ コンポーネントに渡し、検索エンジン クローラーが最初のページ読み込み時に結果を確認できるようにします (リクエストがクライアント側で行われた場合、つまり useQuery( )# を使用した場合) ##)。

この場合、(NextJS の

getServerSideProps() 経由) コンポーネントに渡される初期検索値を useQuery() と統合する最善の方法は何ですか?

私の頭の上から見ると次のようになります:

ああああ

Answer 1

Google クローラーの結果を取得するには、タイトルと説明で提供されるメタデータを使用する必要があります。また、Google コンソールでドメイン名を送信する必要もあります。 リーリー

Answer 2

ドキュメントでは、データを useQuery の initialData に入れることを推奨しています。その後、useQuery から返された data を引き続き使用できます:

リーリー