NextJS 13 - First Look at the /app Folder & Complete Demo

NextJS 13 introduces the beta version of the brand-new /app folder support. This folder allows you to build NextJS apps in a totally different way, simplifying the process of building nested layouts & routes as well as enhancing data fetching capabilities.
In this video, we'll explore some of the most important new features.

Keep in mind: It's not stable yet, not finished yet, not ready for production!

Also take a look at the official docs for more info

----------

• Follow @maxedapps and @academind_real on Twitter

See you in the videos!

----------

[shashydass]

Great video. The comparison on 12 to 13 and the code walkthrough was very informative. Looking forward to more NextJS 13 content.

[shahariarniloy]

layout & nested or conditional layouts pages drags more attentions of mine. And I really like how easy now I can handle errors, every time it gives me headache when the page break due to any error. And nice work max, really appreciate your explanations!!

[OswaldChisala]

I have a landing page where I built a countdown timer in anticipation of our startup launch. I missed the deadline and the timer went negative, which threw an error and crashed my prod. So the thought of localizing uncaught errors with an errors.ts file is very captivating! I'm starting a new (and simple) project for a client today and wanna use nextJS 13 just to have fun with the app directory. Fortunately, it's pretty easy to roll back to v12 if things break. Awesome video, Max!

[theMisfitWhale-En]

I was confused with these layouts after all those demo in nextjs conf .... but After this video it all make sense. Thank you so much for this, you are just awesome.

[flaviodelgrosso]

Thank you Max, you're great. Excellent explanation as always!

[zombiefacesupreme]

"Can you fix this error for me?"
"Sure, which file?"
"Page.js"

[paakofibamfoquaicoe]

what a genuine overview of the NextJS 13.

[kakha]

I finally decided to use next js after I saw version 13, I like it very much.
Now it is simpler and similar to nuxt js.
btw your videos are always the best

[maskman]

Server side component is really awesome, thank you for the tutorial 😍

[licokr]

Wow, Easy to understand, Great video! Thank you! I think Nextjs13 is much easier to use. That's really intuitive

[shoukathennadesigns]

I'm currently seeing your next js course you are amazing sir

[amershboul]

you are great by simplifying things, thank you

[davidvarela]

Excellent, clear instruction. Thanks so much!

[juanganma]

Love you Max, great job, NextJS 13 is amazing! Love your courses!

[phucnguyen]

The Next 13 hype train continues, thanks Max!

[thesunabsolute]

Great job as always, Max. Do you think we'll be seeing a full Prisma course in the future?

[chandragie]

I never regret buying your NextJS course on Udemy!

[victorkimura]

Hi, Thanks for the wonderful videos. Will you have an update version of going more in-depth into an actual project? It looks like that you're using prisma too in this project folder. Would love to see larger project and how you handle things with Next 13. I've purchased one or two of your courses on Udemy btw. :)

[zainzahid]

Thanks Max! That's the wonderful explanation

[aissa.bouguern]

Can we use the async/await approach and tell to Next.js to server-side render issues rather than statically generating them ?