Back to Browse

How to Add Nested/Persistent Layouts in Next.js

25.4K views
Jun 3, 2021
15:36

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/

Download

1 formats

Video Formats

360pmp423.2 MB

Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.

How to Add Nested/Persistent Layouts in Next.js | NatokHD