Taking a look at how Layouts work in Next.js 13, and how we can maintain state between pages of a certain component without the need to re-render. This is especially useful for navbars/sidebars/global wrappers. We also take a look into route groups and how we can group layouts together without having any effect on the URL. If it helped, leave a like and comment on what you'd like to see in future videos! ✌️
The Code & more: [ Ссылка ]
Chapters:
0:00 Introduction
0:33 Overview of Layouts
2:20 The Root Layout
3:52 Route Groups
4:35 Nested Layouts
6:50 Showing The Layout Doesn't Re-Render
7:05 Outro
How Layouts & Route Groups Work - Next.js 13
Теги
nextjsnext.jsnextjs tutorialnextjs app routingnextjs 13nextjs 13 routingnextjs 13 app setupnextjs seonextjs search engine optimizationnextjs best practicesnextjs performancenextjs beginner tutorialnextjs reactreact nextjsreact app routingreact seonextjs tutorial for beginnersnextjs app routing explainednextjs 13 featuresnextjs 13 performance improvementsnextjs 13 SEO tipsnextjs best practices for SEOnextjs performance optimization