Laravel 13 React Starter Kit

Laravel 13の公式React Starter Kitを使用したWebアプリケーションです。

構成

• Laravel 13 / Laravel Fortify
• Laravel Sail / MySQL 8.4 / Mailpit
• Inertia.js 3 / React 19 / TypeScript
• Tailwind CSS 4
• Pest 5

認証ではメールアドレスとパスワードを使用します。ユーザー登録、ログイン、ログアウト、パスワードリセットが利用可能です。メール認証、2FA、Passkeys、外部SSOは無効です。

必要なもの

• Docker Desktop
• Git

初回セットアップ

リポジトリをクローンした後、プロジェクトディレクトリで実行します。

cp .env.example .env

docker run --rm \
    -u "$(id -u):$(id -g)" \
    -v "$(pwd):/var/www/html" \
    -w /var/www/html \
    laravelsail/php85-composer:latest \
    composer install --ignore-platform-reqs

./vendor/bin/sail up -d
./vendor/bin/sail artisan key:generate
./vendor/bin/sail artisan migrate
./vendor/bin/sail npm ci
./vendor/bin/sail npm run build

アプリケーションは http://localhost、Mailpitは http://localhost:8025 で開けます。

開発

コンテナを起動します。

./vendor/bin/sail up -d

Vite開発サーバーを起動します。

./vendor/bin/sail npm run dev

Artisan、Composer、npmもSail経由で実行します。

./vendor/bin/sail artisan migrate
./vendor/bin/sail composer install
./vendor/bin/sail npm ci

コンテナを停止するには以下を実行します。

./vendor/bin/sail down

認証

• ユーザー登録: http://localhost/register
• ログイン: http://localhost/login
• パスワードリセット: http://localhost/forgot-password

パスワードリセットメールはMailpitの http://localhost:8025 で確認できます。

テストと品質チェック

# Pest
./vendor/bin/sail artisan test

# TypeScript
./vendor/bin/sail npm run types:check

# Vite production build
./vendor/bin/sail npm run build

# Pint（確認のみ）
./vendor/bin/sail pint --test

# Pint（自動整形）
./vendor/bin/sail pint

# PHPのLint、静的解析、Pestをまとめて実行
./vendor/bin/sail composer test

AuthenticationFlowTestでは、新規登録、ログアウト、未認証時のダッシュボード拒否、再ログイン、ダッシュボード表示を一連のフローとして検証します。