Next.jsで作っていたAPIをFastifyに移行

公開日時

Next.jsのpages/api以下にシンプルなCRUD APIを作っていたが、Vercelにデプロイするとapiはサーバレスのfunctionになるため、PrismaでDBにアクセスするとToo Many Connectionsエラーが発生してしまった。

そもそもとして、JawsDBの無料プランを使っているため最大コネクションは10と少ない状態ではあるが、APIを2回呼び出すと500エラーが発生してしまい使い物にならない状態になってしまった。

Connection management (Reference) | Prisma Documentation を参考に都度$disconnectを実行するようにしたが結果は変わらず。

APIで複雑なことはやっていないので、API部分だけFastifyに移行することにした。

ドキュメントを読みつつ移行を進めていく。


Related #next.js

SharedArrayBuffer updates in Android Chrome 88 and Desktop Chrome 92

クロスオリジン分離対応を実施

react-hook-formとReact Datepickerを組み合わせる

Hook FormのControllerを使う

Next.jsで生成したサイトで特定のページのみnoindexを設定する

タグに紐づく記事一覧ページはnoindexにした

Next.jsでAdsenseタグを埋め込んだら Only one AdSense head tag supported per page エラーが発生

Only one AdSense head tag supported per page. The second tag is ignored.