Next.js製のチャットアプリのデモです。 リアルタイムな通信(websocket)の実装とサーバーレスのインフラへの理解を深めることを目的に開発しています。 This is a chat app with Next.js to learn how to build application with websocket and severless services.
🔧開発中・・・
- Frontend
- 最低限の動作はする状態
- 画面が動作するだけでデータの永続化は行っていません
- データの変更を気にせずお試しできます
- Backend
- 仮実装
- メッセージ履歴API
- Next.jsのAPI Routesで仮実装
/rooms/f41ce51e-4c7e-8f57-ebeb-3e8091a9cb11
のみデータを返す
- websocket
ws://localhost:8080/socket
に接続(データ型は仮)- デフォルトのNext.jsでは実装できないため各自で実装が必要です
- 再接続は未実装
- メッセージ履歴API
- 未実装
- ルーム名取得API
- 新規ルーム作成API
- メッセージの永続化
- 仮実装
Next.jsの開発サーバーだけで動作可能です。 実際にリアルタイムなチャットを行いたい場合はwebsocketサーバーを用意してください。
# パッケージのインストール
npm install
// 開発サーバーの起動(http://localhost:3000)
# npm run dev