Creating a realtime dashboard with PHP and websockets
summary
A single page fullscreen dashboard updates tiles without reloads using Laravel + Vue + Pusher; Laravel schedules jobs to fetch APIs, fires broadcast events whose public properties are pushed via Pusher channels, and Vue components (one per tile) listen with Echo and mixins to update state. The company runs 120 packages 3.5M downloads total 450k/month, the dashboard sends about 5,000 events/day, and the display runs headless on a Raspberry Pi booting Chromium in kiosk mode. Source: dashboard.spatie.be repo.
AI-written summary · about
chapters (15)
- 0:00Intro
- 0:27About me
- 0:46HPN Trip
- 1:16Open source software
- 3:22Our realtime dashboard
- 6:03How we built it
- 12:58Lets try it
- 13:28The dashboard
- 20:18The weather component
- 21:08Scheduling
- 22:13Task
- 22:58Live events
- 25:53Scripting
- 27:38Echo
- 34:13Raspberry Pi
related talks
30mBringing it all together
29mBuilding customer-visible data science dashboards with Altair / Vega / Vue
19mDashboarding Our Way to the Future
43mGetting started with ReactPHP – Pushing Real-Time Data to the Browser
28msimplifies building complex dashboards
07mLightning Talk: A Backend Engineer's Vue of Front-End Development
43mRealtime Web Apps in the Wild
27mTurbocharging the UIs