Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Building a realtime dashboard with Laravel Live...

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Freek Van der Herten Freek Van der Herten
December 12, 2020
Programming
890
0

Building a realtime dashboard with Laravel Livewire (PHPKonf)

Avatar for Freek Van der Herten

Freek Van der Herten

December 12, 2020

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
74
Uncharted packages (Laravel Live Denmark)
Avatar for Freek Van der Herten freekmurze
0
270
I shall define this only once
Avatar for Freek Van der Herten freekmurze
0
490
An Introduction to Snapshot testing
Avatar for Freek Van der Herten freekmurze
0
590
Event Sourcing In Laravel
Avatar for Freek Van der Herten freekmurze
0
290
A tour behind the scenes of Oh Dear (PHP Benelux)
Avatar for Freek Van der Herten freekmurze
2
940
A practical look at multitenancy in Laravel
Avatar for Freek Van der Herten freekmurze
1
410
A practical look at multitenancy in Laravel (Laracon US)
Avatar for Freek Van der Herten freekmurze
0
800
Highlights Flare codebase (Laracon online)
Avatar for Freek Van der Herten freekmurze
0
610

Other Decks in Programming

See All in Programming
新人はどこまで自力でやり、どこからAIに頼るべきか／エンジニア育成に向き合う_先輩たちの悩みと知見共有会
Avatar for TOPPAN ict toppan_digital_dev
1
620
モジュールの視点からSwiftを読み解く #iosdc
Avatar for Shigure Shimotori s_shimotori
0
170
手動確認はもう限界 〜XCUITestでCustom URL Schemeの遷移を起動種別ごとに自動テストする〜 / Testing Custom URL Schemes with XCUITest
Avatar for otouto otouto
0
280
AIを上手に使っていこうとしたら越境せざるを得なくなった話 〜実践1年で見えた境界を越えなければならない理由と進め方〜 / Crossing borders with AI
Avatar for TomoyaKitaura tomoyakitaura
4
1.2k
選挙速報を多くのユーザーへ 届ける Live Activities 設計
Avatar for kengo saito hamayokokuririn
0
140
A2UI for Android: Safely Rendering AI-Generated UI with Jetpack Compose - DroidKaigi 2026
Avatar for JaiChangPark itsmedreamwalker
0
140
標準パッケージに uuid が追加された 背景から見る Go らしい意思決定 / go_127_uuid_decision
Avatar for convto convto
5
7.2k
AIは賢い。でも実行環境は？ CLIおじさんがAI時代に伝えたいこと ~ CLIおじさんがAI時代に伝えたいこと ~
Avatar for curekoshimizu curekoshimizu
1
240
AIエージェント時代のコードレビューを設計する
Avatar for nogu nogu66
6
2.7k
Kiroで創り、AgentCoreで繋ぐ！AWSで実践する「AI-DLC」から「AIエージェント統合」までの最新地図
Avatar for matsukada licux
4
680
【高い買い物LT会】初任給で話題の国産フィジカルAIを買った話
Avatar for 赤神青空 akagami
PRO
0
160
LL言語やWebフレームワークの PostgreSQL対応 〜DBの機能がユーザーに届くまで〜
Avatar for 武田 憲太郎 kentaroutakeda
1
150

Featured

See All Featured
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
450
Google's AI Overviews - The New Search
Avatar for Barry Adams badams
0
1.6k
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
Avatar for Greg Gifford greggifford
PRO
0
330
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
Avatar for Aleyda Solis aleyda
1
2.2k
Have SEOs Ruined the Internet? - User Awareness of SEO in 2025
Avatar for Akash Hashmi akashhashmi
0
500
The AI Revolution Will Not Be Monopolized: How open-source beats economies of scale, even for LLMs
Avatar for Ines Montani inesmontani
PRO
3
3.7k
How to Grow Your eCommerce with AI & Automation
Avatar for Katarina Dahlin katarinadahlin
PRO
2
280
The browser strikes back
Avatar for Jono Alderson jonoalderson
0
1.7k
The SEO Collaboration Effect
Avatar for Kristina Bergwall kristinabergwall1
1
560
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
Avatar for Kenny Baas-Schwegler baasie
0
700
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
239
140k
Prompt Engineering for Job Search
Avatar for Mfonobong Umondia mfonobong
0
450

Transcript

  1. Building a real time dashboard with Laravel & Livewire

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

    SPATIE @freekmurze freek.dev spatie.be/prodcuts ohdear.app f l areapp.io

  3. Open source ± 300 packages on Packagist ± 105 000

    000 downloads total ± 5 500 000 downloads a month

  4. https://spatie.be/open-source

  5. https://spatie.be/open-source

  6. Our dashboard

  7. None
  8. None
  9. None
  10. None
  11. None
  12. None

  13. Introducing Laravel Dashboard

  14. Laravel Dashboard A free open source package Takes care of

    positioning of tiles, and state Tiles themselves are separate packages Livewire components

  15. Livewire Made by Caleb Porzio Server rendered partials No /

    minimal JavaScript knowledge necessary Refresh through polling laravel-livewire.com

  16. Demo

  17. Comparing WebSockets/Vue to Livewire

  18. Our previous dashboard WebSockets to transmit new data Tiles rendered

    with Vue A single Laravel app

  19. WebSockets/Vue + realtime + no meaningful extra load when connecting

    client - tech stack more complicated, WebSockets server needed - potentially display old data - build proces

  20. Livewire + simple tech stack, just an app and a

    db + easy to package up tiles, only PHP knowledge needed + up to date from f i rst render - not realtime, but close - load on server increases with every user - Livewire isn’t an industry standard like WebSockets/Vue (yet)

  21. In closing

  22. Laravel Dashboard Easy to use package Set up a dashboard

    in no time Extensive documentation docs.spatie.be/laravel-dashboard

  23. One more thing…

  24. spatie.be/videos/laravel-package-training

  25. Laravel Package Training Learn to build framework agnostic PHP /

    Laravel packages Best practices GitHub Actions Package source dives 4 hours of quality content

  26. Discount spatie.be/products?referrer=phpkonf 20% discount

  27. Thank you! freek.dev @freekmurze