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

Building a realtime dashboard with Laravel Livewire (PHPKonf)

Building a realtime dashboard with Laravel Livewire (PHPKonf)

Freek Van der Herten

December 12, 2020

More Decks by Freek Van der Herten

Other Decks in Programming


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

    SPATIE @freekmurze freek.dev spatie.be/prodcuts ohdear.app f l areapp.io
  2. Open source ± 300 packages on Packagist ± 105 000

    000 downloads total ± 5 500 000 downloads a month
  3. Laravel Dashboard A free open source package Takes care of

    positioning of tiles, and state Tiles themselves are separate packages Livewire components
  4. Livewire Made by Caleb Porzio Server rendered partials No /

    minimal JavaScript knowledge necessary Refresh through polling laravel-livewire.com
  5. WebSockets/Vue + realtime + no meaningful extra load when connecting

    client - tech stack more complicated, WebSockets server needed - potentially display old data - build proces
  6. 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)
  7. Laravel Dashboard Easy to use package Set up a dashboard

    in no time Extensive documentation docs.spatie.be/laravel-dashboard
  8. Laravel Package Training Learn to build framework agnostic PHP /

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