Next.jsでリアルタイム通信を使う

WebSocket with Next.js

始めにNext.jsのサーバーサイド機能としてソケットを使ってみる。

調べても試しても、今はまだできないっぽい。
next-wsというライブラリは見つけたけど、Next.jsにパッチをあてる必要があり、メンテナンス性を考えて却下。
https://github.com/apteryxxyz/next-ws

いくつかの例もあり、実装して問題なく動作したが、デプロイしてみたらVercelでソケット通信は使えないのが判明したので、Next.jsのみで実装する方針自体を却下。

当然別にサーバーを立てれば問題ない。デプロイ先はCloudRunが良さそう。

websocketサービスを利用すれば簡単。送信数によっては価格が気になるところ。

単純な情報同期で済むなら、Realtime DBで良いかも。

リアルタイムである必要がある情報だけに絞って使い、以下を選択する。