production

leaving-match

development

main ブランチの vercel
https://leaving-match.vercel.app/

環境構築

1. leaving-match-backend の環境構築を行う

2. leaving-match-front をクローンする

3. .env.local ファイルをディレクトリ直下に配置する

npm run dev

5. http://localhost:3000 で開く
   app/page.tsx が表示されます

ディレクトリ構成

leaving-match-front
├─ .github/
│  └─ workflows/      # 定期実行するGitHub Actionsの設定
├─ public/
│  ├─ image.png       # 背景画像ファイル
│  └─ sounds/         # 通知音声ファイル
├─ src/
│  ├─ app/            # ルーティングおよび画面遷移制御
│  ├─ components/     # 表示用UIコンポーネント
│  ├─ jobs/           # 定期実行ファイル
│  ├─ lib/            # 外部API（バックエンド含む）との通信処理
│  ├─ pages/api/      # lib/ をラップするAPIハンドラー
│  ├─ styles/         # CSSファイル
│  ├─ types/          # APIレスポンスや内部データの型定義
│  └─ utils/          # ロジック系関数
├─ .env.local         # 環境変数（引き継ぎ）
├─ package.json
├─ package-lock.json
└─ README.md

• 各ファイルの詳細はesa (https://kjlb.esa.io/posts/9425) を確認

その他

audio in this system Created By ondoku3.com
合成音声の作成には「音読さん」を利用しています．