MENU

Fun & Interesting

Build a Real-Time Web App with Laravel Reverb - COMPLETE TUTORIAL (Laravel, Livewire, Alpine & more)

Laravel 20,261 7 months ago
Video Not Working? Fix It Now

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

Comment