In this section we will see how to install & setup sidebar in laravel 9 with tailwind css. For this section we will setup sidebar admin panel in few minute. For this section we will use laravel breeze with K UI Breeze starter it will help to easily setup sidebar in laravel 9 with tailwind css. It also support dark mode.
Tool Use
Laravel 9
Laravel Breeze
K UI Breeze starter
Create Laravel Project
Run below command in your terminal to create laravel project.
composer create-project laravel/laravel laravel-sidebar
Configure your database.
Install laravel Breeze
install laravel breeze for tailwind css and alpinejs.
composer require laravel/breeze --dev
# after finish run this command
php artisan breeze:install
Install kamona/kui-laravel-breeze for sidebar
Install K UI Breeze starter for add laravel tailwind sidebar admin panel.
composer require kamona/kui-laravel-breeze --dev
Install laravel 9 with tailwind css sidebar.
php artisan kui-breeze:replace blade
install npm dependencies.
npm install && npm run dev
run migrate
php artisan migrate
run laravel server
php artisan serve
Run Vite server
npm run dev
Read Also
How to Use Carousel Slider in Laravel 9 Example
Laravel 9 Posts with Tags Many to Many Relationships Example
Laravel 9 Insert Category in Posts CRUD Example
How to Use Ckeditor 5 in Laravel 9 Vite with Tailwind CSS
Laravel 9 Simple Image Upload in Ckeditor 5 Example
Laravel 9 Flash Message Timeout and Hide Message Example
Install & Setup Markdown Editor in Laravel 9
Nuxt 3 Data Fetching Using Laravel 9 Api Example
Laravel 9 Image Upload with Preview using Tailwind CSS & Alpine JS
Laravel 9 with Tailwind CSS Form Validation Example
Laravel 9 Backend Api Connect with Vue 3 Using Axios Example
Laravel 9 Authentication with Next js Example
Laravel 9 Sanctum Authentication with Nuxt JS Example
Laravel 9 Simple Search with Pagination Example
Laravel 9 Install Setup TALL(Tailwind, Alpinejs, Livewire) Admin Panel
How to Fix and Clean Code Style in laravel 9
Laravel 9 Image File Upload Example