livewire版のLaravel-AdminLTEインストール

livewireとは

livewireとは、ReactやVueなどを使わず、PHPとHTML、少しのJavaScriptでリアルタイムな更新ができる画面を作成することが可能になります。
機能に応じてコンポーネント化をすることで、再利用性が高めることもできます。

ここでは、livewire版のLaravel-AdminLTEを構築する手順を示します。
一般的なLaravel-AdminLTEインストールは、以下を参照ください。

Laravel AdminLTEをインストール

インストールコマンドはappコンテナ内で実行します。
下記コマンドを実行していきます。

-- appコンテナに入る
$ make app 
-- Laravel AdminLTEをインストール
root@814e05c78961:/workspace# composer require jeroennoten/laravel-adminlte
-- AdminLTEテンプレートと依存関係(Bootstrapなど)をインストール
root@814e05c78961:/workspace# php artisan adminlte:install
-- ログイン画面のテンプレートをインストール
root@814e05c78961:/workspace# php artisan adminlte:install --only=auth_views
-- appコンテナから抜ける
root@814e05c78961:/workspace# exit

コマンド実行後、下記にファイルやディレクトリが生成されていればインストールは完了です。
src/config/adminlte.php
src/lang/
src/public/vendor/
src/resources/views/auth/

src/lang/ は各国の言語設定ファイルが生成されているので、不要なものは削除してよさそうです。
今回は日本語のみ使用するので、ja以外のディレクトリは削除します。

 ログイン画面を表示する

まずはログイン画面を表示してみます。
routes/web.phpに下記を追記します。

routes/web.php

 Route::get('/admin/login', function () {
     return view('/auth/login');
 })
    ->name('admin.login');

auth/loginは前述のコマンドでインストールされたログイン画面のテンプレートで、src/resources/views/auth/login.blade.phpを参照しています。

追記後、下記URLにアクセスするとログイン画面が表示されます。

関連記事:

Laravel-AdminLTEインストール PHP-AdminLTEインストール ダッシュボード(ADMIN) bootstrap-ダッシュボード Laravel＋React＋Next.jsを使う方法 Laravel＋Reactとは？ bootstrapテクニック LP構築例 Nuxt.js + Vue.js １）Laravel入門 ２）Laravelのインストール(XAMPP編) ３）Laravelのバージョン確認 ４）Hello World(Laravelの起動) ５）artisanコマンドの使い方（Laravel） ６）MVCモデルとは（Laravel） ７）掲示板サイトの作成（Laravel） ダッシュボード Chart.jsインストール Chart.jsサンプル Chart.jsパラメータ bootstrap-モーダル bootstrap-モーダル-データの受け渡し bootstrap-モーダル-位置・サイズ bootstrap-モーダル-入力フォーム bootstrap-テーブル＆フォーム ECサイト構築例 React.js Redux Next Chart.js対数チャート(Logarithmic) Chart.js目盛を反転(Reverse) Chart.js複数軸(Multi Axis) Chart.jsプラグイン(Plugin) 静的に入力されたtableの値と、Chart.jsを連携