NextJS Tutorial - All 12 Concepts You Need to Know

Hi, I'm Wesley. I'm a brand ambassador for Kinde (paid sponsorship).

👉 Discord: all my courses have a private Discord where I actively participate

⏱️ Timestamps:
0:00 Intro
2:33 Routing & navigation
5:00 Metadata
5:24 Styling: Tailwind CSS
6:28 Hostinger's Black Friday deal
7:35 Image component
9:06 Client vs Server components
11:54 Server actions
16:55 Suspense and streaming
21:11 Caching, static & dynamic rendering
28:28 Middleware
29:37 Folder structure
31:43 Relax
32:10 Static export
33:10 Deployment options
33:36 Push to GitHub
35:50 Hostinger VPS deployment

#webdevelopment #programming #coding

[jasonpieters]

I only got half way through the video and bought your course. Very well explained and the ability to demonstrate these concepts on top of just talking about them is awesome.

[prosperzegue]

I don't often comment tutorial or any YouTube video but this Next.js tutorial video's quality is very high from A to Z. Thank you so much. You are amazing !!!

[Dohzr]

Love your editing - very compact and to the point without any time wasting.

[aryaamootaghi]

This guy is one of the very few best devs on nextjs I have ever seen with really clear delivery and the background on the topics. completely the opposite of indian toturials.

keep up the great work.

[EnesKab]

I am at the half of the video yet, and as a beginner, I learned more than all tutorials I watched combined so far. The I was really super confused and struggling with the new concepts and NextJS. A bird's eye-view from someone who really knows his stuff is enlightening. Thank you !

[ScriptRaccoon]

I just LOVE the pace and editing here. As someone who is familiar with other frameworks it is very refreshing to not hear any boring old stuff but only what's essential and important.
Surely the video is not accessible to beginners, but not every video has to be.
I also noticed a lot of similarities with SvelteKit by the way.

[MrBrady]

It's funny I've heard people say, "Tailwind eliminates the need for coming up with class names." Before, that didn't seem like a big deal, but it actually 'clicked' when watching this video. The mental energy that goes into coming up with good, consistent class names is no small thing, not to mention maintaining greater consistency in CSS across projects. Makes sense to save the creativity for when it's needed, thanks.

[heysahilsingh]

I’m following your channel from last 6 months, and honestly speaking content quality improved so well.

[learning_trespasser]

came here to kickstart my nextjs learning path, you taught more than that, I loved the hosting part, you explained very well.
I just loved your explanation 😍😍😍😍

[unsignedchar]

Great video. Perfectly paced for getting through all of that material in a reasonable timeframe.

[kimbapslayer]

I’m a at least a hr level react developer but I learned a lot. The way you explained it mad em understand everything on a deeper level to where I could teach someone. Suspense explanation was legendary bro.

[jiayu]

If I want to learn any front-end technique now, I first come to see if you have any videos. Your tutorials are perfect for me. It’s great.

[LLikzy]

This is legit the best A-Z Next.js tutorial out there, thank you

[airixxxx]

Great as always, loved the mini deploy tutorial at the end.

[AmodeusR]

This is really nice for someone liike me that couldn't practice Next.Js for the last months, having a quick review of essential concepts to know from NextJS. Thank you very much!

[havanapple]

Was watching some tutorials from other channels and was having trouble processing it all. I was starting to think I was the problem, but then I came to this vid and it all makes perfect sense. Subscribed <3

[ronaldboutilier]

I really like this. Just straightforward, quick intros to the important concepts. I can then pursue further studies while having a good overview.
So much better than these silly "tutorials" that are little more than typing videos.

[techlearner-hsft]

I wish you could make another video covering app router versus pages router, focusing on their folder structure. thx for the very clear explanation😁

[BingoBongoBengo]

Surpised at how good this was, really appreciate the in depth deployment section at the end too!

[oludamolaijimade]

I needed to pause this video to find out the genius behind it. I love this tutorial and I am definitely getting your course.