File tree Expand file tree Collapse file tree
Expand file tree Collapse file tree Original file line number Diff line number Diff line change 11# React × Laravel デモアプリケーション
22
3- フロントエンド(React + Vite)とバックエンド(Laravel 11 API)をまとめて検証できるサンプル構成です。Docker Compose でバックエンドを立ち上げつつ、フロントエンドは Node.js で起動します。単体の起動手順も用意しているので、Docker を使わない検証も可能です。
3+ フロントエンド(React + Vite)とバックエンド(Laravel 11 API)をまとめて検証。
4+ Docker Compose でバックエンドを立ち上げつつ、フロントエンドは Node.js で起動します。単体の起動手順も用意しているので、Docker を使わない検証も可能。
45
56## プロジェクト構成
67
@@ -37,8 +38,7 @@ React-Router-demo/
3738│ ├── docker-compose.yml # バックエンド用 Docker Compose
3839│ └── composer.json # PHP 依存関係
3940└── .github/workflows/
40- ├── ci.yml # ESLint / Prettier / テスト
41- ├── lint.yml # PR 用 ESLint & Prettier チェック
41+ ├── lint.yml # ESLint & Prettier チェック
4242 └── deploy-pages.yml # Cloudflare Pages 用デプロイ
4343```
4444
@@ -87,7 +87,6 @@ DB をリセットする場合は `docker compose exec app php artisan migrate:f
8787
8888- ` npm run lint ` (ESLint)と ` npm run format:check ` (Prettier)でローカル確認が可能。
8989- ` .github/workflows/lint.yml ` で PR / push 時に自動チェック。違反がある場合は CI が失敗します。
90- - CI を通す目的は、スタイル・静的解析のルールを自動で適用し、レビュー前にコーディング規約違反や基本的なバグを早期に検出することです。チェックに失敗すれば後続のデプロイも止まるため、品質を維持した状態だけが本番環境へ進むようになっています。
9190
9291## Cloudflare Pages への自動デプロイ
9392
You can’t perform that action at this time.
0 commit comments