このプロジェクトは、フロントエンドは client ディレクトリの Next.js 、バックエンドは server ディレクトリの frourio で構築された TypeScript で一気通貫開発されたオンラインリアルタイムオセロです。認証機能は Firebase Authentication を使用しています。データベースは PostgreSQL で、ORM は Prisma です。Docker で開発環境を構築しています。
フロントエンド、バックエンドともにRenderでデプロイしています。無料契約のため、アクセスが遅い可能性があります。 Online-Othello: https://online-othello-client.onrender.com
- ユーザー登録、ログイン、ログアウト
- リアルタイムオセロ対戦
- 複数の部屋
ローカルマシンに直接インストールする
https://nodejs.org/ja/ の左ボタン、LTS をダウンロードしてインストール
ルートとフロントとバックエンドそれぞれに package.json があるので 3 回インストールが必要
npm i
npm i --prefix client
npm i --prefix server
cp client/.env.example client/.env
cp server/.env.example server/.env
cp docker/dev/.env.example docker/dev/.env
docker compose up -d
次回以降は以下のコマンドだけで開発できる
npm run notios
Web ブラウザで http://localhost:3000 を開く
開発時のターミナル表示は notios で制御している
Node.js モノレポ開発のターミナルログ混雑解消のための新作 CLI ツール notios
閉じるときは Ctrl + C
を 2 回連続で入力
cd server
npx prisma studio