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

npm install
npm run build

composer require livewire/livewire
php artisan livewire:layout

.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

[pythonantole]

Wow, what a coincidence! I have been playing around with Livewire and got blown away by how much you can do with very little, especially for those with very little JS experience. I'm so excited that you have this series, i look forward to learning more.

[rarepartshunter]

Great explanation! The only one on internet! thank you!!!

[Jnny]

Great intro, there appears to be two major methods for CRUD, using a route navigated or possibly in other ways I have yet to learn SPA-style multi Livewire Component, and the second being using Modals, and it seems that Modals are a Livewire+Jetstream detail, but, it seems with the newest Jetstream the 'old' modal way doesn't seem to work?


Thank you for your journey into this, really excited to get follow along!