Next.jsのAPI Routesを使ってmicroCMSの検索APIを作成する - Qiita

みなさん microCMS 使ってますか？ めちゃくちゃ便利ですよね！ 最近個人開発で使っていて記事の検索ページを追加したいな〜と思っていたら、全文検索機能で簡単に実装する事が出来たので、メモがてら実装例を紹介したいと思います。 前述の通り microCMS には全文検索機能があり、qパラメータにキーワードを渡すことで、簡単に検索APIを実装する事が出来ます。 クライアント側で API をリクエストすると、 APIキーが漏れてしまうリスクがある為、サーバーサイドで実行するのが一般的なやり方だと思います。 実際に公式サイトでも vercelのserverless function を利用した実装方法が紹介されています。 そこで今回は Next.js の API Routes を使った全文検索APIの実装例を紹介しようと思います。 microCMSデータの作成 最初に検索対象となるデータを作成