Route Groups & Layout In Next JS | GIAIC | [ Urdu/Hindi ]
Code With Zahir
0:00 / 0:00
Route Groups & Layout In Next JS | GIAIC | [ Urdu/Hindi ]
911 просмотров · 2 года назад
Code With Zahir
1,47 тыс. подписчиков
911 просмотров · 2 года назад
In this video, I am explaining what is Route Groups, and what's the advantage of Route Groups along with what is the purpose of layout.tsx file and how can we make different layouts for different route groups.
**********************************Resources**********************************
Commands Link: https://docs.google.com/presentation/...
Route Groups Next JS Docs: https://nextjs.org/docs/app/building-...
Layout In Next JS Docs:
https://nextjs.org/learn/dashboard-ap...
https://nextjs.org/docs/app/building-...
My Code ( Route Groups and Layout Practice Code): https://github.com/zahir9048/GIAIC-AI...
Watch my last video on Next JS Components:
Learn TypeScript from my playlist:
Learn TypeScript: • TypeScript
*******************************Video Chapters**********************************
00:00 Introduction
01:08 Create Next JS Project
06:04 Public & Private Pages
12:32 What is Route Groups
14:09 Make Route Groups
25:30 layout.tsx file
31:56 Add Components in layout.tsx
39:10 Different Layouts for Route Groups
01:06:38 End
Channel Name: Code With Zahir @ZahirKhan-121