Using AdminLTE Blade Components in Laravel

#adminlte #laravel #blade

AdminLTE3 is one of the most popular Bootstrap admin template which is completely free. We can use AdminLTE in our Laravel projects in several ways. But since Laravel 7.x, we can use Blade Components like <x-component /> and make our development faster than before.

We, backed developers, are mainly focused on Backed. Thus we need rapidness in frontend of view of Admin Panel. Using such a template of bootstrap is one of the first steps towards rapid-development. Another step can be using Blade Components in laravel.

Installation

To get started with Laravel Blade components, you need to install a composer package:

composer require dgvai/laravel-adminlte-components

Extracting Plugins

php artisan vendor:publish --tag=adminlte-dg-plugins

Configurations

Option 1: You can use this package, stand-alone with AdminLTE installed in your app. You just need to add an @yield('js') at the bottom of your master blade layout.
Option 2: [Recommended] Or, if you use jeroennoten/Laravel-AdminLTE package, then you do not need to add anything at master. I will recommend to use this package.

If you choose Option 2, paste this config into the config/adminlte.php file in plugins key: PASTE this configuation

Usage

You can find full documentation of usage from the repository link.

Create and maintain end-to-end frontend tests

Learn best practices on creating frontend tests, testing on-premise apps, integrating tests into your CI/CD pipeline, and using Datadog’s testing tunnel.

Download The Guide