Real-Time Applications with Laravel Reverb & Vue 2026

What is Reverb?

Laravel's first-party WebSocket server — replaces Pusher for self-hosted real-time features.

Setup

// Install
                composer require laravel/reverb

                // Broadcast event
                class OrderStatusUpdated implements ShouldBroadcast
                {
                    public function broadcastOn(): array
                    {
                        return [new Channel('orders.' . $this->order->id)];
                    }
                }

Vue frontend listens via Laravel Echo:

echo.channel('orders.' + orderId)
                    .listen('OrderStatusUpdated', (e) => {
                        console.log(e.status)
                    })