Basic Laravel Admin Panel

screenshot of Basic Laravel Admin Panel
laravel
vite
scss
tailwind
alpinejs
daisyui

A basic and simple admin panel for Laravel projects.

Overview:

The content is a guide for installing a Laravel admin panel theme called "Basic Laravel Admin Panel" which is built using Laravel, Laravel Breeze, spatie/laravel-permission, Tailwind CSS, and daisyUI. The installation guide provides instructions for installing the theme with Docker Desktop or without Docker Desktop. It also includes information on Super Admin Login, Admin configuration, and other related topics.

Features:

  • Laravel: The admin panel theme is built using the Laravel framework.
  • Laravel Breeze: The theme utilizes Laravel Breeze for authentication and user management.
  • spatie/laravel-permission: It integrates the spatie/laravel-permission package for role and permission management.
  • Tailwind CSS: The theme's front-end design is based on Tailwind CSS.
  • daisyUI: It includes the daisyUI plugin for adding additional components to Tailwind CSS.
  • Super Admin Login: The theme provides a specific login interface for Super Admins.
  • Admin Configuration: It allows for changing the Admin Prefix and other configurations.

With Docker Desktop:

To install the Basic Laravel Admin Panel theme using Docker Desktop, follow these steps:

  1. Install Docker Desktop on your system.
  2. Run the following command in your terminal or WSL2 Linux terminal (for Windows users):
docker run --rm -v "$(pwd)":/opt -w /opt laravelsail/php82-composer:latest bash -c "composer create-project balajidharma/basic-laravel-admin-panel admin-app && cd admin-app && php artisan sail:install --with=mysql,redis,meilisearch,mailpit,selenium"
  1. Change to the "admin-app" directory:
cd admin-app
  1. Pull the required services:
./vendor/bin/sail pull mysql redis meilisearch mailpit selenium
  1. Build the application:
./vendor/bin/sail build
  1. Start the application containers:
./vendor/bin/sail up
  1. Install npm dependencies:
./vendor/bin/sail npm install
  1. Build front-end assets:
./vendor/bin/sail npm run dev
  1. Publish the required vendor resources:
./vendor/bin/sail artisan vendor:publish --provider="BalajiDharma\LaravelAdminCore\AdminCoreServiceProvider"
./vendor/bin/sail artisan vendor:publish --provider="BalajiDharma\LaravelMenu\MenuServiceProvider"
  1. Migrate and seed the database:
./vendor/bin/sail artisan migrate --seed --seeder=AdminCoreSeeder
  1. Open http://localhost/ in your browser to access the installed admin panel.

Without Docker Desktop:

To install the Basic Laravel Admin Panel theme without using Docker Desktop, follow these steps:

  1. Install PHP Composer on your system.
  2. Run the following command to create a new Laravel project:
composer create-project balajidharma/basic-laravel-admin-panel admin-app
  1. Change to the "admin-app" directory:
cd admin-app
  1. Create a new MYSQL database and update the database details in the .env file.
  2. Publish the required vendor resources:
php artisan vendor:publish --provider="BalajiDharma\LaravelAdminCore\AdminCoreServiceProvider"
php artisan vendor:publish --provider="BalajiDharma\LaravelMenu\MenuServiceProvider"
  1. Migrate and seed the database:
php artisan migrate --seed --seeder=AdminCoreSeeder
  1. Install npm dependencies:
npm install
  1. Build front-end assets:
npm run dev
  1. Start the application:
php artisan serve
  1. Open http://localhost:8000/ in your browser to access the installed admin panel.

Summary:

This content provides a detailed guide for installing the Basic Laravel Admin Panel theme. It covers the installation process with Docker Desktop and without Docker Desktop. It also includes information on the theme's features, such as Laravel, Laravel Breeze, spatie/laravel-permission, Tailwind CSS, and daisyUI. The guide also mentions Super Admin Login and Admin configuration options. Overall, it serves as a comprehensive resource for anyone looking to install and use the Basic Laravel Admin Panel theme.

laravel
Laravel

Laravel is a powerful and elegant PHP framework that provides developers with a comprehensive set of tools and features to build robust web applications. It follows the Model-View-Controller (MVC) architectural pattern, offering a clean and organized structure for writing efficient and maintainable code.

vite
Vite

Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects

scss
SCSS

SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.

tailwind
Tailwind

Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.

alpinejs
Alpine.js

Alpine.js is a lightweight JavaScript framework that simplifies the process of creating dynamic, reactive user interfaces on the web. It uses a declarative syntax that offers a higher level of abstraction compared to vanilla JavaScript, while being more performant and easier to use than jQuery.

daisyui
daisyUI

daisyUI adds classes to Tailwind CSS for all common UI components. Classes like btn, card, etc. This allows us to focus on important things instead of making basic elements for every project.

dashboard
Dashboard

A dashboard style website template is a pre-designed layout that features a user interface resembling a control panel or dashboard. It typically includes charts, graphs, tables, and other data visualization tools that allow users to monitor and analyze data in real-time.

postcss
Postcss

PostCSS is a popular open-source tool that enables web developers to transform CSS styles with JavaScript plugins. It allows for efficient processing of CSS styles, from applying vendor prefixes to improving browser compatibility, ultimately resulting in cleaner, faster, and more maintainable code.