search

OKAUEND / ffxiv_vtuber_archives

FFXIVでLiveをしているVtuberの過去アーカイブ一覧サイト
1 stars 0 forks source link

反映 - 検索画面より結果画面へ遷移し、QueryParametaを取得できるようにする #107

Closed OKAUEND closed 1 year ago

OKAUEND commented 1 year ago

Issue / Ticket

作業カテゴリー

Trello - 機能 - 配信者の名前や配信日の降順昇順、配信年でフィルタリングをし、簡易検索機能を実現する

作業チケット

Trello - カテゴリー検索の内容を押下すると、警告文無しにchannel/result/[Dynamic]へ遷移をする Trello - result画面で、QueryParameterを受け取る

課題/何が起こったか

検索結果毎にページを作る場合では、検索の種類で画面数が膨大に増えるので1画面で全ての検索処理を行いたい

仮説/どうしてそうなったのか

検索クエリパラメーターをURLのクエリパラメータで受け取りたいため、Next.jsのAPIを利用し、サーバーサイドでクエリパラメータを受け取る なぜサーバーサイドかといえば、Next.jsはサーバー側へ処理を寄せるのが推奨されているため、クライアントではなくサーバで行う

どういう作業を行ったか

検索結果画面の引数で、searchParamsを受け取る

Next Point

変更画面のサンプル

参考資料