AppStead

AppSteadは、Hono（バックエンド）とReact/Vite（フロントエンド）、PostgreSQLデータベースを使用したWebアプリケーションです。

必要な環境

• Docker
• Docker Compose

セットアップ

1. リポジトリのクローン

git clone <repository-url>
cd appstead

2. 環境変数の設定

cp .env.example .env

必要に応じて.envファイルの設定を変更してください。

3. Docker Composeでアプリケーションを起動

docker compose up -d

4. アプリケーションへのアクセス

• フロントエンド: http://localhost:3000
• バックエンドAPI: http://localhost:8000
• PostgreSQLデータベース: localhost:5432

開発

ログの確認

docker compose logs -f [service-name]

コンテナの停止

docker compose down

ボリュームも含めて完全に削除

docker compose down -v

プロジェクト構造

appstead/
├── backend/              # Honoバックエンド
│   ├── src/
│   │   └── index.js     # エントリーポイント
│   ├── Dockerfile
│   └── package.json
├── frontend/            # React/Viteフロントエンド
│   ├── src/
│   │   ├── App.jsx
│   │   └── main.jsx
│   ├── Dockerfile
│   ├── package.json
│   └── vite.config.js
├── docker-compose.yml   # Docker Compose設定
├── .env.example         # 環境変数テンプレート
└── .gitignore          # Git除外設定

サービス

• postgres: PostgreSQL 15データベース
• backend: Hono APIサーバー (ポート8000)
• frontend: React/Vite開発サーバー (ポート3000)

環境変数

主要な環境変数は以下の通りです：

• DB_NAME: データベース名
• DB_USER: データベースユーザー名
• DB_PASSWORD: データベースパスワード
• JWT_SECRET: JWT認証用シークレットキー
• BACKEND_PORT: バックエンドポート番号
• FRONTEND_PORT: フロントエンドポート番号