Integrasi Laravel 8.x dengan AdminLTE

Pada praktek kali ini kita akan mengintegrasikan projek laravel 8 dengan Template AdminLTE, AdminLTE adalah salah satu template Bootstrap yang banyak digunakan karena banyak fitur yang menarik dan tersedia versi gratis, sebelum mengikuti praktek ini pastikan anda telah menginstal laravel 8 jika belum silahkan klik link berikut  cara instal laravel 8 , berikut adalah langkah-langkah cara Integrasi Laravel 8.x dengan AdminLTE :

Langkah#1:

buka project anda menggunakan cmd : kemudian masukan perintah sebagai berikut :

composer require jeroennoten/laravel-adminlte

Langkah#2 :

Pada langkah ke-2 ini kita akan menggunakan laravel ui untuk mengurus halaman admin (login,register,dll). jalankan perintah berikut untuk melakukan instalasi laravel ui :

composer require laravel/ui

Jika sudah jalankan perintah berikut untuk :

php artisan ui:controllers
php artisan ui:auth

Pada gambar diatas muncul pemberitahuan bahwa file login,register,confirm sudah ada karena sebelumnya kita juga sudah melakukan instalasi laravel jetstream, karena kita saat ini akan menggunakan laravel ui maka kita timpa saja file tersebut dengan memberikan perintah "y" kemudian enter. perlu dijelaskan bahwa laravel ui dan laravel jetstream memiliki fungsi yang sama , namun terdapat perbedaan pada css yang digunakan dikarenakan kita akan menggunakan css bootstrap AdminLTE sehingga kita tidak akab mengguakan laravel jetstream.

Langkah#3 : 

Membuat Database dan migrasi database (langkah ini sudah kita lakukan)

Langkah#4 : 

instal Laravel/AdminLTE dengan menjalankan perintah sebagai berikut :

php artisan adminlte:install --interactive

kemudian jalankan perintah selanjutnya :

php artisan adminlte:plugins install
php artisan adminlte:install --only=main_views
php artisan adminlte:install --only=auth_views

Jalankan satu persatu perintah diatas.jika muncul pemberitahuan already exists tekan "y" kemudian enter sampai dengan selesai.

Langkah#5 : 

jalankan server dengan mengetik perintah : php artisan serve

hasilnya :

jika berhasil login halaman Dashboard Admin nya seperti gambar berikut :

pada gambar diatas terlihat halaman dashboard nya masih kosong, belum terintegrasi dengan adminLTE, untuk melakukan integrasi template adminLTE pada halaman dashboard ikuti langkah selanjutnya :

Langkah#6 :

buka file resources/views/home.blade.php. seperti gambar berikut :

Hapus semua isinya dengan coding berikut :

@extends('adminlte::page')

@section('title', 'Dashboard')

@section('content_header')
    
Dashboard
@stop

@section('content')
    
Welcome to this beautiful admin panel.
@stop

@section('css')
    
@stop

@section('js')
    
@stop

Kemudian refresh maka tampilan akan berubah :