このプロジェクトは、フロントエンドとバックエンドを含むモノレポ構成のアプリケーションです。
/
├── packages/
│ ├── frontend/ # React + TypeScript + Vike
│ └── backend/ # Hono + Socket.IO
├── package.json # ルートのpackage.json
└── pnpm-workspace.yaml
# グローバルにpnpmをインストール(まだの場合)
npm install -g pnpm
# プロジェクトの依存関係をインストール
pnpm -r install# フロントエンドとバックエンドの両方を起動
pnpm run dev開発サーバーは以下のポートで起動します:
- フロントエンド: http://localhost:3000
- バックエンド: http://localhost:3001
# フロントエンドとバックエンドの両方をビルド
pnpm run build# 本番サーバーを起動
pnpm run prod本番サーバーは以下の機能を提供します:
- フロントエンドのビルド済みファイルの配信
- バックエンドAPIの提供
- Socket.IOによるリアルタイム通信