スターターキット (Starter Kits)
導入 (Introduction)
新しい Laravel アプリケーションの構築をすぐに始められるように、認証およびアプリケーションのスターター キットを喜んで提供します。これらのキットは、アプリケーションのユーザーを登録および認証するために必要なルート、コントローラ、ビューを使用してアプリケーションを自動的にスキャフォールディングします。
これらのスターター キットを使用しても構いませんが、必須ではありません。 Laravel の新しいコピーをインストールするだけで、独自のアプリケーションを最初から自由に構築できます。いずれにせよ、私たちはあなたが素晴らしいものを作り上げることを確信しています。
Laravel Breeze (Laravel Breeze)
Laravel Breeze は、ログイン、登録、パスワードのリセット、メール検証、パスワードの確認を含む、Laravel の 認証機能 のすべてを最小限にシンプルに実装したものです。さらに、Breeze には、ユーザーが自分の名前、電子メール アドレス、パスワードを更新できる簡単な「プロフィール」ページが含まれています。
Laravel Breezeのデフォルトのビューレイヤーは、Tailwind CSSでスタイル設定されたシンプルなBlade テンプレートで構成されています。または、Breeze は、Vue または React と Inertia を使用してアプリケーションをスキャフォールディングできます。
Breeze は、新しい Laravel アプリケーションを開始するための素晴らしい出発点を提供し、Laravel Livewire を使用して Blade テンプレートを次のレベルに引き上げることを計画しているプロジェクトにも最適です。
Laravelブートキャンプ
Laravel を初めて使用する場合は、お気軽に Laravelブートキャンプ にアクセスしてください。 Laravel Bootcamp では、Breeze を使用して最初の Laravel アプリケーションを構築する手順を説明します。これは、Laravel と Breeze が提供するすべての機能を見学するのに最適な方法です。
インストール
まず、新しいLaravelアプリケーションを作成する を実行し、データベースを構成し、データベースの移行 を実行する必要があります。新しい Laravel アプリケーションを作成したら、Composer を使用して Laravel Breeze をインストールできます。
composer require laravel/breeze --dev
Breeze がインストールされたら、以下のドキュメントで説明されている Breeze の「スタック」の 1 つを使用してアプリケーションをスキャフォールディングできます。
Breeze＆Blade
Composer が Laravel Breeze パッケージをインストールした後、breeze:install Artisan コマンドを実行できます。このコマンドは、認証ビュー、ルート、コントローラ、およびその他のリソースをアプリケーションに公開します。 Laravel Breeze はすべてのコードをアプリケーションに公開するため、その機能と実装を完全に制御し、可視化できます。
Breeze のデフォルトの「スタック」は Blade スタックで、単純な Blade テンプレート を利用してアプリケーションのフロントエンドをレンダリングします。Blade スタックは、他の追加の引数を指定せずに breeze:install コマンドを呼び出すことによってインストールできます。 Breeze のスキャフォールディングがインストールされたら、アプリケーションのフロントエンド アセットもコンパイルする必要があります。
php artisan breeze:install
php artisan migrate
npm install
npm run dev
次に、Web ブラウザでアプリケーションの /login または /register URL に移動します。 Breeze のルートはすべて、routes/auth.php ファイル内で定義されます。
ダークモード
アプリケーションのフロントエンドをスキャフォールディングするときに Breeze に「ダーク モード」サポートを含めたい場合は、breeze:install コマンドを実行するときに --dark ディレクティブを指定するだけです。
php artisan breeze:install --dark
注記 アプリケーションの CSS と JavaScript のコンパイルの詳細については、Laravel の Vite ドキュメント を確認してください。
Breeze＆リアクト / Vue
Laravel Breeze は、Inertia フロントエンド実装を介して React と Vue スキャフォールディングも提供します。 Inertia を使用すると、従来のサーバー側のルーティングとコントローラを使用して、最新の単一ページの React および Vue アプリケーションを構築できます。
Inertia を使用すると、React と Vue のフロントエンドのパワーを、Laravel の驚異的なバックエンドの生産性と超高速の Vite コンパイルと組み合わせて楽しむことができます。 Inertia スタックを使用するには、breeze:install Artisan コマンドを実行するときに、希望のスタックとして vue または react を指定します。 Breeze のスキャフォールディングがインストールされたら、アプリケーションのフロントエンド アセットもコンパイルする必要があります。
php artisan breeze:install vue
# Or...
php artisan breeze:install react
php artisan migrate
npm install
npm run dev
次に、Web ブラウザでアプリケーションの /login または /register URL に移動します。 Breeze のルートはすべて、routes/auth.php ファイル内で定義されます。
サーバーサイドレンダリング
Breeze に イナーシャSSR のサポートをスキャフォールディングさせたい場合は、breeze:install コマンドを呼び出すときに ssr オプションを指定できます。
php artisan breeze:install vue --ssr
php artisan breeze:install react --ssr
Breeze & Next.js / API
Laravel Breeze は、Next、Nuxt などを利用した最新の JavaScript アプリケーションを認証する準備ができている認証 API をスキャフォールディングすることもできます。まず、breeze:install Artisan コマンドを実行するときに、目的のスタックとして api スタックを指定します。
php artisan breeze:install api
php artisan migrate
インストール中に、Breeze は FRONTEND_URL 環境変数をアプリケーションの .env ファイルに追加します。この URL は、JavaScript アプリケーションの URL である必要があります。通常、ローカル開発中は http://localhost:3000 になります。さらに、APP_URL が http://localhost:8000 に設定されていることを確認する必要があります。これは、serve Artisan コマンドで使用されるデフォルトの URL です。
Next.js リファレンス実装
最後に、このバックエンドを選択したフロントエンドと組み合わせる準備が整いました。 Breeze フロントエンドの次のリファレンス実装は、GitHub で入手可能 です。このフロントエンドは Laravel によって保守されており、Breeze によって提供される従来の Blade および Inertia スタックと同じユーザー インターフェイスが含まれています。
Laravel Jetstream (Laravel Jetstream)
Laravel Breeze は Laravel アプリケーションを構築するためのシンプルかつ最小限の開始点を提供しますが、Jetstream はより堅牢な機能と追加のフロントエンド テクノロジ スタックでその機能を強化します。 Laravel を初めて使用する方は、Laravel Jetstream を卒業する前に、Laravel Breeze でコツを学ぶことをお勧めします。
Jetstream は、Laravel 用に美しく設計されたアプリケーション スキャフォールディングを提供します。これには、ログイン、登録、電子メール検証、2 要素認証、セッション管理、Laravel Sanctum を介した API サポート、およびオプションのチーム管理が含まれます。 Jetstream は Tailwind CSS を使用して設計されており、Livewire または Inertia 駆動のフロントエンド スキャフォールディングを選択できます。
Laravel Jetstream のインストールに関する完全なドキュメントは、Jetstreamの公式ドキュメント 内にあります。