Next.js 13 - How to use App folder & Layouts

My courses:

💻 MY GEAR

Connect with me:

#nextjs #reactsuspense #servercomponents

[Jesse_Morris]

Congratulations on being the first to figure out how the new app folder structure works and make a video about it shortly after it was announced. kudos to you!

[casualcycling]

app folder makes much more sense now, well explained! I'd like to see more videos, especially around simple auth and session would be good.

[RusselFury]

nicely explained, made this new app folder thing much clearer now. and yes, please, make more such videos.

[justACasualProgrammer]

I'm using ver12 in my current project and I'm excited to use nextjs 13 for my next project.

[mooder]

This is just amazing no need to deal with nested layouts the old way
No need to use getserversideprops and pass props
We have full access to the document tags likd body and head
Loading and error are just so clean and with showing the loading state while getting the data from server is soo good
And what is good is i can fetch serverside data from any nested component and i can even fetch serverside data globally and pass them without the need of using getinitialprops in _app and disable the next opt
so they just fixed every issue that i was dealing with

[phantomen]

Very good and informative. Thank you. Just a sidenote: At 11:30 you said the "use" hook lets Next know that you're loading data, although the loading page still works if you just define the Page as async and do a regular await with the getPosts() :D

[zahidanwar]

Please make a detailed video on this with sanity

[suosphearith]

That amazing video. Short and easy to understand Thank you

[gawwad]

Suoraan asiaan ja asia kerrallaan syvemmälle. Hienoa! Kiitos!

[dght]

Great explanations. Finally understand how route actually works. NEXTjs should put this video in the documentation cause their documentation sucks.

[MrKeliv]

Nice tutorial step by step.
Now I know this NextJS version 13 is so amazing than older version.
With new "appDir", our apps more simplify to create.

[yantaosong]

wonderful video, hope more update for next 13 and react .

[bolow]

This is greate please keep making these kinds of videos

[gmartins-dev]

​ Is there a way to implement the new shared/wrapper layout.tsx in a NextJs v14 project but still use the old NextJs "pages" folder instead of "app"?

[leroydenengelsman]

Subscribed, nice video detailing the Next.js 13 changes and how to use it properly. Looking forward to the deep dive.

[shakeelahmed-wvoh]

I am using src way, i am stuck with layout, in my root there is one layout file and other layouts files are in separate pages like about, contact us, But no layout is working

[dev]

How can I pass the data from layout to children since I want to have the same state while navigating to different pages?

[dem]

hey there. i have a question abou "use" from react. what is the difference between "use" from react and getStaticProps? "use" from react is rendered in server side in the wame way as getStaticProps? so using useEffect to fetch some data is not usefull at all?

[cesine]

Great explanation, looking forward to the next video!

[EmmanuelArthur-vpbz]

Great Explanation
should the app flow work in production