frontend

realtime-api-web-console（フロントエンド）

AI とのリアルタイムなやり取りを行う為の実験用リポジトリの Web フロント側の実装です。

Getting Started

環境構築手順は MacOS を前提としています。

Node.js のインストール（既に終わっている場合は省略）

20 系の最新安定版を利用する。

asdf などを使ってバージョン管理を出来るようにする事を推奨します。

依存 package のインストール

以下を実行します。

npm ci

環境変数の設定

.env.local を以下の内容で作成します。

NEXT_PUBLIC_VIDEO_CHAT_API_SERVER_URL=ws://localhost:8000/realtime-apis/video-chat
NEXT_PUBLIC_API_SERVER_URL=http://localhost:8000
NIJIVOICE_API_KEY="https://platform.nijivoice.com/ で発行したAPIキー"

バックエンドの API サーバーを起動

realtime-api-web-console（バックエンド） を参考にバックエンドのサーバーを起動します。

開発環境の起動

以下を実行します。

npm run dev

以下の URL でアクセス可能です。

http://localhost:3000/

Linter、Formatter について

それぞれ以下のコマンドを実行します。

Linter, Formatter が未実行の場合は CI が通らないようになっています。

Linter の実行

npm run lint

Formatter の実行

npm run format