Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Dashboard (Algolia)
Search
Freek Van der Herten
September 07, 2017
Programming
0
260
Dashboard (Algolia)
Freek Van der Herten
September 07, 2017
Tweet
Share
More Decks by Freek Van der Herten
See All by Freek Van der Herten
Uncharted packages (Laravel Live Denmark)
freekmurze
0
200
I shall define this only once
freekmurze
0
410
An Introduction to Snapshot testing
freekmurze
0
490
Event Sourcing In Laravel
freekmurze
0
250
Building a realtime dashboard with Laravel Livewire (PHPKonf)
freekmurze
0
800
A tour behind the scenes of Oh Dear (PHP Benelux)
freekmurze
2
850
A practical look at multitenancy in Laravel
freekmurze
1
350
A practical look at multitenancy in Laravel (Laracon US)
freekmurze
0
730
Highlights Flare codebase (Laracon online)
freekmurze
0
510
Other Decks in Programming
See All in Programming
The Evolution of Enterprise Java with Jakarta EE 11 and Beyond
ivargrimstad
0
270
AIエージェントはこう育てる - GitHub Copilot Agentとチームの共進化サイクル
koboriakira
0
770
Git Sync を超える!OSS で実現する CDK Pull 型デプロイ / Deploying CDK with PipeCD in Pull-style
tkikuc
4
360
Deep Dive into ~/.claude/projects
hiragram
14
14k
AI Agent 時代のソフトウェア開発を支える AWS Cloud Development Kit (CDK)
konokenj
6
810
ご注文の差分はこちらですか? 〜 AWS CDK のいろいろな差分検出と安全なデプロイ
konokenj
4
580
The Modern View Layer Rails Deserves: A Vision For 2025 And Beyond @ RailsConf 2025, Philadelphia, PA
marcoroth
2
730
レベル1の開発生産性向上に取り組む − 日々の作業の効率化・自動化を通じた改善活動
kesoji
0
300
レトロゲームから学ぶ通信技術の歴史
kimkim0106
0
110
ソフトウェア品質を数字で捉える技術。事業成長を支えるシステム品質の マネジメント
takuya542
2
15k
NEWT Backend Evolution
xpromx
1
140
AIともっと楽するE2Eテスト
myohei
8
3k
Featured
See All Featured
The Language of Interfaces
destraynor
158
25k
Balancing Empowerment & Direction
lara
1
460
A Tale of Four Properties
chriscoyier
160
23k
Producing Creativity
orderedlist
PRO
346
40k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Speed Design
sergeychernyshev
32
1k
Making the Leap to Tech Lead
cromwellryan
134
9.4k
Why Our Code Smells
bkeepers
PRO
337
57k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
130
19k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
Being A Developer After 40
akosma
90
590k
Transcript
Creating a dashboard using Laravel , Vue and Pusher
About me Freek Van der Herten Partner & developer at
SPATIE @freekmurze https://murze.be
Since 2003 Websites, applications and webshops Team 4 developers, 1
manager Specialization Laravel development
OPEN SOURCE SOFTWARE
https://spatie.be/en/opensource/laravel
Open source software ± 160 public repositories on GitHub August
2016: ± 800 000 downloads August 2017: ± 5 000 000 downloads ± 500 000 downloads a month A lot of benefits: learning, writing quality documentation and tests, showing the quality of our work, eating our own dogfood
http://github-awards.com/users?type=world&language=php Open source software
WE ❤ POSTCARDS
Spatie Samberstraat 69D 2060 Antwerp Belgium
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
https://github.com/spatie/dashboard.spatie.be
HIGH LEVEL OVERVIEW
The dashboard is a single HTML page Displayed by a
full screen browser Without full page reload Each tile wil be updated by JavaScript Each tile has it’s own update frequency In short
None
DEMO
Grid system The Packagist tile The Twitter tile Topics
There will be some live coding We’ll use
an internet connection
DISPLAYING ON A TV
Raspberry Pi 2
Raspberry Pi 2 Powered by the USB port from the
TV Uses Raspbian Jessie Boots into Chromium 56 in fullscreen mode Setup
TRY IT OUT YOURSELF
Source code https://github.com/spatie/dashboard.spatie.be Blog post https://murze.be/2017/06/building-realtime-dashboard-powered- laravel-vue-2017-edition/ Documentation
Thank you! https://speakerdeck.com/freekmurze/dashboard-algolia https://spatie.be/opensource/laravel https://murze.be https://murze.be/newsletter
QUESTIONS?