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.

Reverb Links:

Hyperplexed Video and Codepen:

Live Site:

GitHub Repo:

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

[arielmejia]

Thanks great content as always… hopefully we can get a little bit more content like this type with official packages

[arefpasha]

Thanks but laravel reverb won't let us to test in flutter applications with withch package we can communicate with flutter applications even we cant debug on postman

[apptimegr]

Nice demo. Personally I would interact with Echo in javascript to avoid all those requests for every mouse movement.

[fasterisq.m]

I have same experience, reverb not working in in Linux vps server, connection getting successful but not receiving notifications and there is no errors showing. And we switched to pusher. Laravel won't give proper documentation about deployment, connect with the websocket from external framework such as flutter or in postman... They only showing how to connect using echoooo. We lost many days for debugging or finding the problem but now we dropped reverb.
Stop the tutorial of connecting reverb using echo and livewire and give proper documentation.
No one will going to deploy livewire product excluding personal/hobby projects.

[NathanBudd]

Would bo cool to see this setup with Inertia.

[bitcoinxofficial]

One problem of laravel is that it works fine locally 😂 but sometimes it doesn't work on live production servers

[carlweis]

Hey Josh! Awesome video as always. Learning so much from your channel, thank you! Can you kindly tell me which vs code theme you're using?

[JonBrookes]

this is really good Josh, thanks for doing this. Its even better than the one that went before with the sports car and that was excellent also.

I likeed how you did the @entabgle stuff as well which I had't fully realised untill now. I guess we could use cache or broadcast to communicate changes depending on use case ? I like your example using Cache::forever to store state changes to toggleSwitch and I can see more clearly how broadcast works, its really quite simple to use isint it ! Another reason to use Larave in my book ⭐🚀

[mohsenalsayyadi]

when upload project to vps server, reverb not working, give me error web socket in console, i use forge

[himanshubelwal-ml]

are you sure this one work on laravel tenancy if you know about this how we can connect server each other please help

[weiho]

Great tutorial! By the way, may I ask what keyboard you are using? The typing sound is really nice.

[scott_itall]

So this set up will work with a table of data, if s user is looking at the table and another submits a new record elsewhere, the table will update in real-time?

Basically PocketBase's version of real-time.

[basic-]

Can you give us ur vscode setup
It looks very clean
That long long tail tailwind makes it even cleaner

[mauricenoever]

Can you make a video with larvel reverb and a next JS fronted maybe a Todo App? . You want to help me a lot

[alexneto]

Good morning, I'm trying to configure laravel reverb in a live chat application, locally it works, but when I put it in an apache environment on an external server it doesn't work, what settings should I make?

[tarikmanoar]

Can anyone told me whats the plugin he used for hiding tailwind class?

[codewithtee]

Which browser and code editor are you using ?

[ohjelmistokehittaja]

Петр первый пёрнул первым показав пример полку

[JohnWick-odhe]

I wonder why every Laravel dev has to wear the most stupidest hat ever. Do you have to be a total hipster to work with Laravel? I still have to see a normal Laravel dev in one of these videos, apart from Jeffrey Way and Taylor itself.