Creating a realtime dashboard with PHP and websockets

Freek Van der Herten (01.Jul.2017 at 14:30, 45 min)
Talk at Dutch PHP Conference 2017 (English - US)

Rating: 4 of 5

On the wall mounted TV in our office a dashboard is displayed. At a glance we can see what the current tasks for each member of our team are, which important events are coming up, which music is playing, if it will rain in the next 30 minutes, ... and much more.

In this talk I'll explain how we leveraged both Laravel and Vue to build the dashboard. After demonstrating the dashboard itself we'll take a deep dive in the code. We'll take a look at the entire flow: the grid system, broadcast events, the Pusher service, some cool Vue mixins and much more. After this talk you'll be able to setup a dashboard using our code available at

Who are you?

Claim talk

Talk claims have been moved to the new site.

Please login to the new site to claim your talk

Comments closed.


Rating: 4 of 5

01.Jul.2017 at 15:17 by Liam Wiltshire (107 comments) via Android app

An interesting talk. Never used pusher or vue before, so useful information there. Intro felt a bit 'advert-y', but didn't detract too much from what was otherwise a great talk!

Rating: 4 of 5

01.Jul.2017 at 15:36 by Peter Meijer (14 comments) via Web2 LIVE

Good talk and a good inside to a product every dev-company wants on the wall.

But Maybe a bit too much live coding.

Rating: 4 of 5

01.Jul.2017 at 16:09 by Marc Hagen (12 comments) via Web2 LIVE

Very relaxing to listen to and quite interesting.

Rating: 3 of 5

01.Jul.2017 at 20:49 by Arjan van den Bos (32 comments) via Web2 LIVE

Interesting subject and the talk was well prepared and presented. For me the most attractive part of the subject of the talk was "Websocket". That part was not deeply covered because you use a SAAS service (Pusher) for that, although it's also possible with PHP. That was a mismatch with my expectations and a little bit disappointing.

Rating: 4 of 5

03.Jul.2017 at 12:53 by Niels van Esch (30 comments) via Web2 LIVE

I think a bit too much on the code showing. But otherwise a great insight into a usefull OS application

Rating: 3 of 5

03.Jul.2017 at 18:10 by Tim Huijzers (35 comments) via Web2 LIVE

Really hard to retain attention on the code demo at the and of a 2 day conference. maybe that could have been a bit less but very cool to see how vue.js and the twitter stream api works.

© 2019