Screencast

30. Organizing Layouts

heex layout

In this video, we're going to tackle something that comes up with virtually every new Phoenix application - customizing how the layouts work. Now, exactly how you want your layouts to look is definitely a matter of personal taste and project requirements.

In this example application, I have already generated a LiveView-"crud" and it currently has the original layout. I personally don't like this narrow page and the placement of the Register- and Login-button above the current navbar.

So, the goal of the video is to implement our own custom layout for the application part, and have a separate layout for when you register and login.

The approach we'll take here will give you the flexibility to have different layouts for different parts of your application, which becomes really useful as your app grows.