はじめに
インプルの矢島です。
Laravel10 の環境でBreezeというパッケージを使って認証画面を作ってみたいと思います。
Breezeとは
ログインや、ユーザー登録、パスワードリセット、メール確認、パスワード確認などの一般的に使用される機能を提供してくれるパッケージです。
生成される画面は、Tailwind CSS でスタイリングされています。
JetstreemとかLaravel/uiとかも似たように認証画面を作ってくれますが、Breezeが使いやすい印象です。
環境
- centos7.2
- php8.1
- Laravel 10.0.4
- mysql5.7
※こちらの記事で作成した環境を使用します。https://ramble.impl.co.jp/3400/
認証機能を作ってみる
composer require laravel/breeze --dev今回はbladeを土台に設定をする
php artisan breeze:install上記コマンドを実行すると以下のように色々聞かれます。
今回はbladeを選択して、darkモードサポートなしのPHPUnitはインストールします！
すると以下のように新規ファイルが生成されました。
migrateしてテーブルを作成します。
php artisan migrate
次にnode modulesを作成して、viteを起動します。
※nodeがインストールされている必要があります。
npm install
npm run dev
以下のような最初の画面にログインと新規登録ボタンが生成されました！
ログインするとプロフィール画面が生成されていました。
プロフィール画面にはパスワード変更や退会機能もあることがわかります。
おわりに
簡単に管理画面の一般的な機能を作成することができました！
カスタムも簡単にできるので、とても便利です。
ぜひ試してみてください〜！