Laravel 11 with Livewire 3 & Bootstrap: Beginner Tutorial (Part 1)
Want to build dynamic web apps with Laravel 11 and Livewire 3?
This beginner-friendly series gets you started! In Part 1, we'll walk you through setting up a new Laravel project and installing Livewire.
No prior JavaScript knowledge required! Livewire lets you create interactive UIs with just PHP. We'll also integrate Bootstrap for clean styling.
This series is perfect for:
Beginners to Laravel
Developers who want to learn Livewire
Anyone who wants to build modern web applications
Stay tuned for future parts where we'll dive into building Livewire components and creating a real application!
Like this video? Hit the thumbs up and subscribe for more Laravel tutorials!
COMMANDS:
composer create-project laravel/laravel youtube
cd youtube
composer require laravel/ui --dev
php artisan ui bootstrap --auth
npm install bootstrap-icons --save-dev
IMPORT INTO resources/sass/app.scss
@import 'bootstrap-icons/font/bootstrap-icons.css';
npm install
npm run build
composer require livewire/livewire
php artisan livewire:layout
IMPORT INTO resources/views/components/layouts/app.blade.php
@vite(['resources/sass/app.scss', 'resources/js/app.js'])
.env
sudo mariadb -u root -p
CREATE USER 'youtube'@'localhost' IDENTIFIED BY 'youtube';
GRANT ALL PRIVILEGES ON . TO 'youtube'@'localhost';
FLUSH PRIVILEGES;
EXIT;
php artisan serve
