Build a Real-Time Web App with Laravel Reverb - COMPLETE TUTORIAL (Laravel, Livewire, Alpine & more)
Laravel Reverb version 1.0 has been released. So we put together a full tutorial to build a Laravel Reverb application from scratch and show off how easy it is to get up and running with real-time events.
We will start off with a simple multi-player toggle switch and then add some Figma-like functionality to show-off how powerful Laravel, Livewire, AlpineJS, and Reverb can be combined.
**for a concise look at Laravel Reverb or for additional learning, be sure to check out our Getting Started with Laravel Reverb video: https://www.youtube.com/watch?v=gv9z1yv0_7k**
Reverb Links:
https://reverb.laravel.com/
https://laravel.com/docs/11.x/reverb
https://github.com/laravel/reverb
Hyperplexed Video and Codepen:
https://codepen.io/Hyperplexed/pen/OJdpEME
https://www.youtube.com/watch?v=G9207EJySaA
Live Site:
https://reverb.joshcirre.com/
GitHub Repo:
https://github.com/joshcirre/buildreverbwithme
00:00 Introduction to Laravel Reverb
01:42 Setting Up the Project
02:46 Building the Toggle Switch
08:04 Integrating Laravel Reverb
25:58 Advanced Real-Time Features
32:29 Setting Up Mouse Position Tracking
35:20 Implementing Relative Positioning
40:20 Broadcasting Cursor Data
54:53 Handling User Activity
01:03:19 Deploying to Laravel Forge