リアルタイムチャットを作る

2つのアプリケーション、4つの基本概念、Rails ActionCableとNext.jsをWebSocketで接続する方法。

コネクション認証、ビジターとアドミンのチャンネル、データモデル、Solid CableがRedisの代わりにSQLiteを使う仕組み。

TypeScript ActionCableクライアント、チャンネルデータの判別共用体、ReactのWebSocketライフサイクル、無限再接続を防ぐuseRefパターン。

管理者認証、1つのWebSocketで複数の会話を管理する方法、VAPIDキーからService Workerまでの完全なWeb Pushパイプライン。

Dockerマルチステージビルド、Kamal 2でHetznerにデプロイ、シークレット管理、GitHub Actions CI/CD、本番WebSocket設定。