How to Integrating AdminLTE 3 in Laravel 9?

Hello dev, Today we are going to learn How to Integrating AdminLTE 3 in Laravel 9? This tutorial will cover on integrating Admin LTE in Laravel 9 application.

This article will provide some of the most important example laravel 9 integrate adminlte 3 example tutorial. This article goes in detailed on install laravel 9 adminlte 3. We will use how to integrate adminlte 3 in laravel 9. you will learn how to use adminlte 3 in laravel 9.

Steps on How to Integrating AdminLTE 3 in Laravel 9:

  • Step 1: Install Laravel 9 Application
  • Step 2: Setup Databases
  • Step 3: Install Laravel UI AdminLTE 3
  • Step 4: Generate Authentication UI
  • Step 5: AdminLTE theme Assets
  • Step 6: Install Node Module
  • Step 7: Migrate database
  • Step 8: Testing
  • Step 9: Conclusion

Also Read: Laravel 9 Vue Js Roles and Permissions + Vite Js

Step 1: Install Laravel 9 Application

Let us begin the tutorial by installing a new laravel application. if you have already created the project, then skip following step.

composer create-project laravel/laravel example-app

Step 2: Setup Databases

Now in this second step we will update database your in env file .env

DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=database_name
DB_USERNAME=database_user_name
DB_PASSWORD=database_password

Step 3: Install Laravel UI AdminLTE 3

First of all in this step run following command to create a laravel adminlte 3 with ui so open your terminal and run this command.

composer require infyomlabs/laravel-ui-adminlte 

Also Read: Laravel 9 Send Web Push Notification with Firebase Example

Step 4: Generate Authentication UI

Here, generate a full authentication ui,so open your terminal and run this command.

php artisan ui adminlte --auth

Step 5: AdminLTE theme Assets

In this step install just adminltetheme assets,so open your terminal and run this command.

php artisan ui adminlte

Also Read: How to Use Inner Join In Laravel 9?

Step 6: Install Node Module

In this section we have install node npm module in our project following this command.

npm install

Step 7: Migrate database

In this step now migrate database following this command..

php artisan migrate

Also Read: Laravel 9 Get Current Route Name Example

Step 8: Testing

All steps have been done, now you have to type the given command and hit enter to run the laravel app:

php artisan serve

Also Keep running Vite by following command:

npm run dev

Now, you have to open web browser, type the given URL and view the app output:

http://localhost:8000/register

Previews:

How to Integrating AdminLTE 3 in Laravel 9?
How to Integrating AdminLTE 3 in Laravel 9?

Step 9: Conclusion

Today, We had learn How to Integrating AdminLTE 3 in Laravel 9?. Hope this tutorial helped you with learning Laravel 9. If you have any question you can ask us at comment section below. If you like the tutorial please subscribe our YouTube Channel and follow us on social network Facebook and Instagram.

Also Read: Laravel 9 return json From Controller Example

Leave a Reply