Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Dashboard (Algolia)

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for Freek Van der Herten Freek Van der Herten
September 07, 2017
Programming
0
270

Dashboard (Algolia)

Avatar for Freek Van der Herten

Freek Van der Herten

September 07, 2017
Tweet

More Decks by Freek Van der Herten

See All by Freek Van der Herten
Uncharted packages (ode aan de code)
Avatar for Freek Van der Herten freekmurze
0
50
Uncharted packages (Laravel Live Denmark)
Avatar for Freek Van der Herten freekmurze
0
240
I shall define this only once
Avatar for Freek Van der Herten freekmurze
0
460
An Introduction to Snapshot testing
Avatar for Freek Van der Herten freekmurze
0
530
Event Sourcing In Laravel
Avatar for Freek Van der Herten freekmurze
0
270
Building a realtime dashboard with Laravel Livewire (PHPKonf)
Avatar for Freek Van der Herten freekmurze
0
850
A tour behind the scenes of Oh Dear (PHP Benelux)
Avatar for Freek Van der Herten freekmurze
2
890
A practical look at multitenancy in Laravel
Avatar for Freek Van der Herten freekmurze
1
390
A practical look at multitenancy in Laravel (Laracon US)
Avatar for Freek Van der Herten freekmurze
0
770

Other Decks in Programming

See All in Programming
そのAIレビュー、レビューしてますか？ / Are you reviewing those AI reviews?
Avatar for r-kagaya rkaga
6
4.6k
今こそ知るべき耐量子計算機暗号(PQC)入門 / PQC: What You Need to Know Now
Avatar for mackey0225 mackey0225
3
370
Automatic Grammar Agreementと Markdown Extended Attributes
について
Avatar for Kishikawa Katsumi kishikawakatsumi
0
190
humanlayerのブログから学ぶ、良いCLAUDE.mdの書き方
Avatar for Yuto tsukamoto1783
0
190
Lambda のコードストレージ容量に気をつけましょう
Avatar for tatsuki-yamada tattwan718
0
130
今から始めるClaude Code超入門
Avatar for 448jp | OKI Yoshiya 448jp
8
8.7k
[KNOTS 2026登壇資料]AIで拡張‧交差する プロダクト開発のプロセス および携わるメンバーの役割
Avatar for hisatake hisatake
0
280
Spinner 軸ズレ現象を調べたらレンダリング深淵に飲まれた #レバテックMeetup
Avatar for 弁護士ドットコム bengo4com
1
230
組織で育むオブザーバビリティ
Avatar for ryotaro kobayashi ryota_hnk
0
170
HTTPプロトコル正しく理解していますか？ 〜かわいい猫と共に学ぼう。ฅ^•ω•^ฅ ﾆｬ〜
Avatar for ♛Heitor Hirose hekuchan
2
690
Rust 製のコードエディタ “Zed” を使ってみた
Avatar for NearMeの技術発表資料です nearme_tech
PRO
0
170
AIによるイベントストーミング図からのコード生成 / AI-powered code generation from Event Storming diagrams
Avatar for nrs nrslib
2
1.9k

Featured

See All Featured
Design in an AI World
Avatar for tapps tapps
0
140
Believing is Seeing
Avatar for Spiro Bolos oripsolob
1
54
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
97
6.5k
Unlocking the hidden potential of vector embeddings in international SEO
Avatar for Frank van Dijk frankvandijk
0
170
Neural Spatial Audio Processing for Sound Field Analysis and Control
Avatar for NII S. Koyama's Lab skoyamalab
0
170
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
249
1.3M
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
Avatar for Tech SEO Connect techseoconnect
PRO
0
84
Done Done
Avatar for chrislema chrislema
186
16k
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
Avatar for Sophie Logan marketingsoph
0
74
[SF Ruby Conf 2025] Rails X
Avatar for Vladimir Dementyev palkan
1
750
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
22k
Money Talks: Using Revenue to Get Sh*t Done
Avatar for Nikki Halliwell nikkihalliwell
0
150

Transcript

  1. Creating a dashboard using Laravel , Vue and Pusher

  2. About me Freek Van der Herten Partner & developer at

    SPATIE @freekmurze https://murze.be

  3. Since 2003 Websites, applications and webshops Team 4 developers, 1

    manager Specialization Laravel development

  4. OPEN SOURCE SOFTWARE

  5. https://spatie.be/en/opensource/laravel

  6. 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

  7. http://github-awards.com/users?type=world&language=php Open source software

  8. WE ❤ POSTCARDS

  9. Spatie
 Samberstraat 69D 2060 Antwerp
 Belgium

  10. None
  11. None
  12. None
  13. None
  14. None
  15. None
  16. None
  17. None
  18. None
  19. None
  20. None
  21. None
  22. None
  23. None
  24. None
  25. None
  26. None

  27. https://github.com/spatie/dashboard.spatie.be

  28. HIGH LEVEL OVERVIEW

  29. 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
  30. None

  31. DEMO

  32. Grid system The Packagist tile The Twitter tile Topics

  33. There will be 
 some live coding We’ll use 


    an internet connection

  34. DISPLAYING ON A TV

  35. Raspberry Pi 2

  36. Raspberry Pi 2 Powered by the USB port from the

    TV Uses Raspbian Jessie Boots into Chromium 56 in fullscreen mode Setup

  37. TRY IT OUT YOURSELF

  38. 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

  39. Thank you! https://speakerdeck.com/freekmurze/dashboard-algolia https://spatie.be/opensource/laravel https://murze.be https://murze.be/newsletter

  40. QUESTIONS?