Laravel Vue Admin Panel

A Single page Vue admin panel for Laravel projects.

Built with

• Laravel 11
• spatie/laravel-permission
• Laravel Breeze
• balajidharma/laravel-menu
• Vue 3
• Tailwind CSS
• Inertiajs
• Admin One - Admin Dashboard

Installation

With Docker Desktop

• To get started, you need to install Docker Desktop.
• You may run the following command in your terminal
• Windows open WSL2 Linux terminal. Docker Desktop WSL 2 backend
• docker run --rm -v "$(pwd)":/opt -w /opt laravelsail/php83-composer:latest bash -c "composer create-project balajidharma/laravel-vue-admin-panel admin-app && cd admin-app && php artisan sail:install --with=mysql,redis,meilisearch,mailpit,selenium"
• cd admin-app
• ./vendor/bin/sail pull mysql redis meilisearch mailpit selenium
• ./vendor/bin/sail build
• ./vendor/bin/sail up
• ./vendor/bin/sail npm install
• ./vendor/bin/sail npm run dev
• ./vendor/bin/sail artisan vendor:publish --tag=admin-core
• ./vendor/bin/sail artisan migrate --seed --seeder=AdminCoreSeeder
• ./vendor/bin/sail artisan storage:link
• Now open http://localhost/

Without Docker Desktop

• To get started, you need to install PHP Composer.
• composer create-project balajidharma/laravel-vue-admin-panel admin-app
• cd admin-app
• Create a new MYSQL database and update database details in .env file
• php artisan vendor:publish --tag=admin-core
• php artisan migrate --seed --seeder=AdminCoreSeeder
• php artisan storage:link
• npm install
• npm run dev
• php artisan serve
• Now open http://localhost:8000/

Super Admin Login

• Email - superadmin@example.com
• Password - password

Admin Configuration:

To change the Admin Prefix, change prefix on config/admin.php or add the ADMIN_PREFIX on env

'prefix' => env('ADMIN_PREFIX', 'admin'),

Also Try

• Build a Vue admin panel from scratch
• Basic Laravel Admin Panel - Build with Blade template

Screenshots

License

The Laravel framework is open-sourced software licensed under the MIT license.