AdminLte integrate with Laravel jeroennoten/Laravel-AdminLTE

Today, I just try another AdminLte package for my new project. I found jeroennoten AdminLte package with good starts on Github. I just install package and it's awesome we can install it easily and we can easily change everything from config. You manage the project name, Login and register page redirection URLs, change the project colour scheme and you change select the jQuery packages you want to load or not from config.

This package provides an easy way to quickly set up AdminLTE with Laravel 5. It has no requirements and dependencies besides Laravel, so you can start building your admin panel immediately. The package just provides a Blade template that you can extend and advanced menu configuration possibilities.

AdminLte integrate with Laravel jeroennoten/Laravel-AdminLTE

Let's install the AdminLte package and set up the admin panel step by step. First of all, We are going to install the laravel if you don't install it yet just follow this tutorial.  Just follow the below command for installing Laravel.

composer create-project --prefer-dist laravel/laravel blog

That command will install the latest version of Laravel if you want to install the specific version of Laravel follow the below command.

composer create-project --prefer-dist laravel/laravel blog "5.7.*"

jeroennoten Laravel AdminLTE Package

After, installing the Laravel Let's install the jeroennoten Laravel AdminLTE Package by the following command.

composer require jeroennoten/laravel-adminlte

After, installing the package we should register the service provider Let's open the config/app.php file for register new provide entry.

JeroenNoten\LaravelAdminLte\ServiceProvider::class,

After, Register, the service provides we have to publish the packages assets files by following the command.

php artisan vendor:publish --provider="JeroenNoten\LaravelAdminLte\ServiceProvider" --tag=assets

After, Publishing the assets files we are going to publish the config file of AdminLTE package. AdminLTE config file it's useful to customize the AdminLTE theme generate config file by following the command.

php artisan vendor:publish --provider="JeroenNoten\LaravelAdminLte\ServiceProvider" --tag=config

After, Generating the AdminLTE config file our Admin theme ready for use. Just modify the config of AdminLTE as you want, change the project name and update the redirection URL after register and log in. Also, You can manage the sidebar menus form the config file it's easy to customize the admin panel.

First of all. We are going to generate Laravel Auth scaffold by following the command.

php artisan make:adminlte

We can easily generate the AdminLTE register, Login and forgot password views.

view file using the AdminLTE layout

We are going to create our first view file using the AdminLTE layout.

@extends('adminlte::page')

@section('title', 'Dashboard')
@section('content_header')
    <h1>Dashboard</h1>
@stop
@section('content')
    <p>Welcome to this beautiful admin panel.</p>
@stop
@section('css')
    <link rel="stylesheet" href="/css/admin_custom.css">
@stop
@section('js')
    <script> console.log('Hi!'); </script>
@stop

See the view structure, We can easily customize the page title and we can load extra CSS/JS files for any specific view.

If you need full control of view you can customize the view files by following the command.

php artisan vendor:publish --provider="JeroenNoten\LaravelAdminLte\ServiceProvider" --tag=views

Now, you can customize the view file as you want in resources/views/vendor/adminlte folder.

Update the AdminLTE them

If you want to update the AdminLTE theme you can easily update it by following the simple command like

composer update jeroennoten/laravel-adminlte

After, updating the package again we need to publish the assets file by following the command.

php artisan vendor:publish --provider="JeroenNoten\LaravelAdminLte\ServiceProvider" --tag=assets --force

This Package provides an easy interface for manage AdminLTE theme I really like and recommended to use this package

I hope this article is useful for you If you need more detail about the package just visit the Github package.

Tags:

Related Posts: