In this video I show a pattern for nested/persistent layouts in Next.js. I first learned this pattern in a blog by Adam Wathan titled “Persistent Layout Patterns in Next.js”. I have formed a few of my own opinions and developed my own patterns on top of the 3rd option Adam demonstrations.
Additionally, I wanted to show some compelling arguments for nested layouts and how to go from an app with implicit nested layouts to explicit nested layouts
Adam Wathan’s original blog: https://adamwathan.me/2019/10/17/persistent-layout-patterns-in-nextjs/
Code: https://github.com/brookslybrand/next-nested-layouts
Live Demo: https://nextjs-nested-layouts.vercel.app/
