How to build a multi-tab dashboard using liveview?

Questions & Help Questions
, ,
1

Hi everyone,
I’ve been trying liveview for the past few days and I found it pretty straight forward when building simple pages.
However, I am now trying to build a SAAS-like dashboard but I’m having a hard time figuring out how to manage it with liveview.

IE:

Capture d’écran 2023-12-01 à 18.25.29
Capture d’écran 2023-12-01 à 18.25.291308×728 34.2 KB

As I see it there are two way to handle this:

  1. Using a layout dashboard.html.heex:
    This method would mean that for each time I click a tab, I render a new liveview. Reloading the entire layout? How would my layout know on which tab I currently am?

  2. Using a single liveview:
    This one would I think look similar to how phx.gen.live handle different views, but considering a large app with multiple tabs, would the file not contain too much ?

Maybe I am missing something. How would you guys build something like that ?
Thanks for the help!