ItSolutionStuff.com

Laravel Create Quick Backend Admin Panel Tutorial

By Hardik Savani • November 5, 2023
PHP Laravel Bootstrap Installation

Today, I am going to share with you How to create admin panel in Laravel 5 Application. In this tutorial we will create quick simple back-end admin panel using voyager package.

We always require to create admin area for every website. Admin Panel keep dynamic our website. Admin Panel through admin user can handle website dynamically like change title, meta-data, posts and etc other modules. So If you are working on Laravel framework and you require to create quick admin panel then you can do it using voyager package. voyager package through we can make quick back-end in our Laravel 5. This package also support Laravel 5.0, Laravel 5.1, Laravel 5.2 and also current Laravel 5.3.

Today we will implement voyager package in Laravel 5.3 version from scratch. voyager package provide us there are several functionality like as bellow:

1.Media Manager

2.Menu Builder

3.Database Manager

4.CRUD Builder

5.Setting Module

voyager package also provide several functionality, So In this tutorial we will implement admin panel only in six step, You have to just follow six step and you will find admin panel like as bellow screen shot, I also added more on bellow of tutorial:

Preview:

Step 1 : Install Laravel Application

This tutorial is from scratch, So we require to get fresh Laravel application using bellow command, So open your terminal OR command prompt and run bellow command:

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

Step 2 : Install voyager Package

Ok, now on second step we require to get voyager package using composer command, In this package through we can generate quick admin panel, So run bellow command:

composer require tcg/voyager

Step 3 : Database Configuration

In third step, we require to make database configuration, you have to add following details on your .env file.

1.Database Username

1.Database Password

1.Database Name

In .env file also available host and port details, you can configure all details as in your system, So you can put like as bellow:

.env

DB_HOST=localhost

DB_DATABASE=homestead

DB_USERNAME=homestead

DB_PASSWORD=secret

Step 4 : Add ServiceProvider

Ok, now we require to add service provider On app.php file, We have to add two serviceprovider, one for voyager and second for intervention image, So let's add both service provider on app.php file:

config/app.php

.....

'providers' => [

....

TCG\Voyager\VoyagerServiceProvider::class,

Intervention\Image\ImageServiceProvider::class,

]

.....

Step 5 : Install Voyager

Now, we will install Voyager in our application, After installation we have several defaults table and also they will create one admin user, So run bellow command for install Voyager:

php artisan voyager:install

Step 6 : Make Setting File

this step is optional but it's require if you want to customize your laravel application, In this step you have to run bellow command and you will find new file config/voyager.php for customize changes.

So, let's run bellow command:

php artisan vendor:publish --tag=voyager_assets --force

Ok, So finally we are ready to run our admin panel, So let's run bellow command for quick run laravel project:

php artisan serve

Ok, now open you browser and open bellow link:

http://localhost:8000/admin/login

You will have default email and password as listed bellow:

email: admin@admin.com

password: password

Ok, you can see also there are more screen shot of admin panel here:





You can also see video for how to install voyager package here:

Video:

You can get more information about voyager package from here : voyager site.

I hope it can help you....

Hardik Savani

Hardik Savani

I'm a full-stack developer, entrepreneur, and founder of ItSolutionStuff.com. Passionate about PHP, Laravel, JavaScript, and helping developers grow.

📺 Subscribe on YouTube

We Are Recommending You

How to Take Browser Screenshots in Laravel?

Read Now →

Laravel React JS Form Validation Example

Read Now →

How to Store Array in Database Laravel?

Read Now →

FCM Push Notification in Laravel Example

Read Now →

How to install and use Image Intervention in Laravel?

Read Now →

Laravel Install Tailwind CSS Example

Read Now →

Laravel Contact Form Send Email Tutorial

Read Now →

Laravel Eloquent without() and withOnly() Method Example

Read Now →

Laravel Carbon diffForHumans() Example

Read Now →

Laravel Carbon Get Current Date Time Example

Read Now →

Laravel Storage Dropbox Integration Example

Read Now →

How to Return JSON Response in Laravel?

Read Now →

How to Get Last Executed Query in Laravel?

Read Now →

Laravel Where Clause with MySQL Function Example

Read Now →

How to use DB Transactions in Laravel?

Read Now →