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 ... https://www.youtube.com/watch?v=BKXQRajYj6U