How to use AdminLTE theme with Laravel FortifyLaravel
Recently, the Laravel team announced a Laravel Fortify. A framework agnostic authentication backend for Laravel applications. It provides registration, authentication along with two-factor authentication.
As said above, it is framework agnostic, so it doesn't provide any blade views with it. You can implement views of your choice of the frontend. Blade, Vue, React with Bootstrap or TailwindCSS, or any other CSS framework.
Today we are going to see how we can use Laravel Fortify with one of the most popular Bootstrap 4 theme AdminLTE v3.
We can actually do that in minutes with the package that we already developed called Laravel UI AdminLTE
Let's see step by step, how we can do that.
Install Laravel Fortify and Laravel UI AdminLTE by the following command,
composer require laravel/fortify infyomlabs/laravel-ui-adminlte
Publish Fortify Resources
This command will publish all required actions in the app/Actions directory along with the Fortify configuration file and migration for two-factor authentication.
php artisan vendor:publish --provider="Laravel\Fortify\FortifyServiceProvider"
Then run migrations,
php artisan migrate
Add Fortify Service Provider
Next step, add published FortifyServiceProvider to config/app.php
Run AdminLTE Fortify Command
Run the following command,
php artisan ui adminlte-fortify --auth
Install Node Modules and Run a Build
As a next step, install required npm modules and run a build,
npm install && npm run dev
And we are done. Now visit the home page and you should be able to see the full authentication system working including,
Login Registration Forgot Password Reset Password Home page
Laravel AdminLTE UI also provides a starting layout with a sidebar menu and header once you login. so you are all set to go.