![見出し画像](https://assets.st-note.com/production/uploads/images/100272598/rectangle_large_type_2_12ad5306cbc13938026e81629b620e1d.png?width=800)
Nextjsのmiddlewareを使った検索処理の簡易デモ~Airbnbのような検索Term処理~
こんにちわ。nap5です。
Nextjsのmiddlewareを使った検索処理の簡易デモの紹介をしたいと思います。
検索結果ページを別に設けるのがリダイレクトぐるぐるしない工夫の一つとしてあります。
middlewareではaxiosはこけるので、バニラのFetchを使います。
デモコードです。
デモサイトです。
簡単ですが、以上です。
この記事が気に入ったらサポートをしてみませんか?
こんにちわ。nap5です。
Nextjsのmiddlewareを使った検索処理の簡易デモの紹介をしたいと思います。
検索結果ページを別に設けるのがリダイレクトぐるぐるしない工夫の一つとしてあります。
middlewareではaxiosはこけるので、バニラのFetchを使います。
デモコードです。
デモサイトです。
簡単ですが、以上です。
この記事が気に入ったらサポートをしてみませんか?