🔗 Multiple layouts in Phoenix 1.8

It’s been a while since we looked at how to handle multiple layouts with Phoenix LiveView - and with the release of Phoenix 1.8, I thought it was time to take another look. In Phoenix apps, we’ve always had two main layouts. The root.html.heex static layout. This is the outermost layout that wraps everything in our application. and the app.html.heex layout used specifically for LiveViews.

We still have both of these layouts in Phoenix 1.8. But if you’re coming from earlier versions of Phoenix, you’ll notice the app.html.heex layout has been simplified. Instead of being a separate template file, it’s now a function component that lives right here in the Layout module. This is pretty cool because it means we can treat layouts just like any other component in our application!