Laravel Vue Admin Panel

Overview

The Laravel Vue Admin Panel is a ready-to-use admin dashboard built with Laravel, Vue 3, Tailwind CSS, and Inertiajs. It provides a comprehensive set of features for managing an administration panel for web applications.

Features

• User Permissions: The admin panel is integrated with the spatie/laravel-permission package, allowing for easy management of user permissions.
• Authentication: The admin panel is built with Laravel Breeze, providing a robust authentication system out of the box.
• Menu Management: The package balajidharma/laravel-menu is used to handle menu management in the admin panel.
• Vue 3 and Inertiajs: The admin panel utilizes Vue 3 and Inertiajs for efficient rendering and smooth user experience.
• Responsive Design: The admin panel is designed to be fully responsive, ensuring optimal viewing on various devices.
• Easy Installation: The admin panel can be installed either with Docker Desktop or without it, depending on your preference.
• Super Admin Login: The admin panel includes a pre-configured super admin login for easy access during development.

With Docker Desktop

1. Install Docker Desktop on your machine.
2. Open your terminal (Windows users may need to open WSL2 Linux terminal).
3. Run the following command:

docker run --rm -v "$(pwd)":/opt -w /opt laravelsail/php82-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"

4. Change to the admin-app directory:

cd admin-app

5. Pull the necessary Docker images:

./vendor/bin/sail pull mysql redis meilisearch mailpit selenium

6. Build the Docker containers:

./vendor/bin/sail build

7. Start the Docker containers:

./vendor/bin/sail up

8. Install the required npm packages:

./vendor/bin/sail npm install

9. Build the assets:

./vendor/bin/sail npm run dev

10. Publish the necessary vendor files:

./vendor/bin/sail artisan vendor:publish --provider="BalajiDharma\LaravelAdminCore\AdminCoreServiceProvider"
./vendor/bin/sail artisan vendor:publish --provider="BalajiDharma\LaravelMenu\MenuServiceProvider"

11. Run the necessary database migrations and seeders:

./vendor/bin/sail artisan migrate --seed --seeder=AdminCoreSeeder

12. Open http://localhost/ in your browser to access the admin panel.

Without Docker Desktop

1. Install PHP Composer on your machine.
2. Create a new Laravel Vue Admin Panel project using Composer:

composer create-project balajidharma/laravel-vue-admin-panel admin-app

3. Change to the admin-app directory:

cd admin-app

4. Create a new MySQL database and update the database details in the .env file.
5. Publish the necessary vendor files:

php artisan vendor:publish --provider="BalajiDharma\LaravelAdminCore\AdminCoreServiceProvider"
php artisan vendor:publish --provider="BalajiDharma\LaravelMenu\MenuServiceProvider"

6. Run the necessary database migrations and seeders:

php artisan migrate --seed --seeder=AdminCoreSeeder

7. Install the required npm packages:

npm install

8. Build the assets:

npm run dev

9. Start the development server:

php artisan serve

10. Open http://localhost:8000/ in your browser to access the admin panel.

Summary

The Laravel Vue Admin Panel is a powerful and feature-rich admin dashboard built with Laravel, Vue 3, Tailwind CSS, and Inertiajs. It offers user permissions management, authentication, menu management, responsive design, and easy installation options. Whether you prefer using Docker Desktop or not, you can set up and start using the admin panel quickly. With its pre-configured super admin login, it provides a convenient environment for admin panel development.