💬 About this app

Next.js製のチャットアプリのデモです。 リアルタイムな通信(websocket)の実装とサーバーレスのインフラへの理解を深めることを目的に開発しています。 This is a chat app with Next.js to learn how to build application with websocket and severless services.

🚀 Status

🔧開発中・・・

• Frontend
  • 最低限の動作はする状態
  • 画面が動作するだけでデータの永続化は行っていません
    • データの変更を気にせずお試しできます
• Backend
  • 仮実装
    • メッセージ履歴API
      • Next.jsのAPI Routesで仮実装
      • /rooms/f41ce51e-4c7e-8f57-ebeb-3e8091a9cb11のみデータを返す
    • websocket
      • ws://localhost:8080/socketに接続(データ型は仮)
      • デフォルトのNext.jsでは実装できないため各自で実装が必要です
      • 再接続は未実装
  • 未実装
    • ルーム名取得API
    • 新規ルーム作成API
    • メッセージの永続化

🏃 Installation

Next.jsの開発サーバーだけで動作可能です。 実際にリアルタイムなチャットを行いたい場合はwebsocketサーバーを用意してください。

# パッケージのインストール
npm install

// 開発サーバーの起動(http://localhost:3000)
# npm run dev