Next.js 14 Tutorial - 14 - Layouts

📱 Follow Codevolution

Layouts

[viper_eyes]

Hello dear Vishwas, I hope you are doing well, just wanted to tell you that you are the man who put me on the right track to learn nextjs since your old series for nexjs, also react, and thanks for your effort updating the series, it has been 2 weeks since your last video, hope you are doing well, take care.

[emmy_akintz]

this is the best nextjs 14 tutorial playlist i have ever used so far!

[beybell]

Thanks, man. You explain everything very well and clearly, it's valuable 👍

[losrobbosful]

Still in 2024 my favorite Youtuber for Coding. Vish at his peak, in every single video ❤️

[amarj]

Hi Vishwas, Thank you for making such a wonderful tutorial. I've been following you for a long time. your channel is my go-to place for anything react. I would like to make a request for you to kindly give us PDF notes to quickly recap all the important concepts. Actually after going through the playlist, sometime we forget imp concept, it would be easier for us to quickly glance through the notes or blog. Thanks!

[vipinmaurya]

I don't know why but my layout page is not creating magically (Automatically) after deleting it.

[ScottUmble]

Thanks for this. Coming from 13 and this was way easier than I thought!

[MoazzamAli-qu]

Thank you Vishwas, very well explained!

[muratasarslan]

Looking forward to more thematic video lists, like Next.js 14 PWA 😃

[momentswithmanisha]

It worked as expected. Thanks Vishwas.

[ONEHLOFIOCHIOCHEME]

hello vishwas, I created the header and footer sub-folders in the component main folder then imported their respective layout file in the main layout file and it worked for me.

[RT-ygec]

Amazing!!!! Plz give us a full video with login and user session management using NextJs!! Plz make video about how to use Link / Navigate too

[haikelareff]

how to maintain header layout but only change color based on specific route?

[gobicorner]

completed the exercise, its working for me, added navabr and footer components in the layout section,

[thederpykrafter]

For some reason everything works for me except for the in-line styling. Something about unexpected html element led me down a rabbit hole of props not being passed to the header and footer elements

[HMHUDA]

How can we have multiple layouts, in case we require to show different for login/register
Or some other modules

[cmlra]

So for adding layout into components like header we need to add page.tsx inside each folder ?

[itgiants]

what if in certain page I don't want the header and the footer? how I can modify the layout?

[shafiullah]

What if we don't need a header and footer on some pages like login, register etc? As the main layout is also applicable on login and register pages.

[prasadsawant]

What theme is this? I mean whats the name of this theme, please anyone can tell me?