NextJS App Router: Learn Modern Web Development in 1 Hour

The new NextJS app router is finally stable and has become the recommended way to write React. Let's learn the 4 core concepts that have changed or are completely new, and you how can build amazing web apps with them.

-- Video links

TIMESTAMPS
0:00 What you'll learn
1:55 Chapter 1: Routing, Server Components, Loading & Error Handling
31:23 Summary - what you've learned so far
31:45 Chapter 2: Rendering for optimized page speeds
50:27 Summary - what you've learned so far
50:47 Chapter 3: SEO Best Practices & Optimization
1:03:30 Summary - what you've learned so far
1:03:40 Chapter 4: NextJS 13 API Route Handlers
1:13:02 Good Job! Summary - what you've learned today

[joshtriedcoding]

Happy to hear y’all enjoy the video so much, cheers

[adityaprakashgupta]

Please make full course of next js 13.4 from beginner to Advanced, from A to Z

[akhilscamp]

The way you explained app routing with comparison of next js 12 by drawing is phenomenal. No tutor does this often

[yzz]

You're literally a younger Jack Herrington, your content is so clear and enjoyable. Thanks Josh, you've been helping me a lot with all these new changes :)

[vasilvasilev]

Your channel is a blessing, you have literally summarized in 1 hour what took me 3 days of navigating the documentation. It served as the perfect recap before proceeding with my personal project!

[ilan]

Josh ❤ I have 8 years experience in web development …… your passion is impressive and amazing. Thank you for teaching us, explaining and giving us the best tuts in nexjs new features. Looking forward to see more …… maybe even a full course 🙏 btw … I love your screen background image … dare to share it with us 😅

[cristianomartins]

Hello Josh, taking into account that the ecosystem around React/Next is always evolving, I think that something of great value would be to think of a base project (as simple as possible!) that would integrate the main (critical) stages of a project (routing, login, CRUD...) in a tutorial (like the one you did for 8 hours in Next) and whenever there were updates that substantially changed a technology (like now in version 13.4 of Next), you would redo this same base project, demonstrating how changes in technology have changed the old way of developing a project.
I believe that, given the progress of things in the React/Next ecosystem, 1 video of this type per year would be enough (even to separate the hype from the real).

I know you always make a theoretical introduction in your videos about the past and present of theologies, but the idea of ​​thinking about a single/base project that would be rewritten over time (perhaps once a year), would bring 2 things that very is hardly found on the Internet (or at least I haven't found it yet):

- 1st, a repository, in the form of a playlist, of the evolution of a technology, always based on the same project. Which 10 years from now would be something unique on YouTube.
- 2nd, if possible, would you show how to refactor this same project to its most recent version. Since refactoring code is something that is rarely found.


Greetings from Portugal.

[MietekPomywacz]

Josh I absolutely love you. You have explained these topics way better than anyone I've seen before and in only just above 1 hour, insane. Thank you very much :)

[AbdullahTBukhari]

Watched it all in a single go and absolutely blown away by it, very well explained, amazing!!! 👏🏻👏🏻👏🏻

[unique_md]

thx Josh I was looking exactly for the dynamic routes part and u perfectly explained it

[brice]

Thank you so much!
I've come across your videos several times, and they've helped me every time!
I rarely write comments, but you help me a lot in my internship, so you deserve it!
May the algorithm be with you 🙏

[mylliej]

this is the best nextjs app router on youtube! thank you!!! you are awesome at explaining and teaching omg

[michael_hackson_handle]

Thanks Josh. This is a great introduction for using Next.js routes. Very clear and precise!

[rahimco-susc]

i was confused about the new next js 13 features, now i am comfortable with them because of this video || thanks a lot

[bobman]

I just subscribed to your channel Josh. I'm quire experienced working with nextJs, but I would give you thumbs up for doing good job. Great explanations.

[agamgupta]

Explanation of API routing was awesome man!!, you just earned a new subscriber.

[mrth]

Thank you very much for the video Josh. It cleared up almost all questions of new features of Next.js 13. Felt so cool that I’ve spent these 73 mins with you!

[ameperdue]

Great Tutorial, thanks Josh. You have outstanding spoken English language ability and the pace of your tutorials is just perfect.

[SamHartmannCom]

That's a huge summary! Thanks a lot Josh!
One of very few good and up-to-date overviews of Next 13+ / App Router I've found so far!

[snivels]

What vs code extension do you use to generate those react snippets?