Next.js 14 Full Course 2024 | Build and Deploy a Full Stack App Using the Official React Framework

Want to land your dream programming job in 6 months?
Become a Software Engineer. Guaranteed.

📚 Materials/References:

In this video, you'll learn:
- Server Side Rendering (SSR),
- Static Site Generation (SSG)
- Incremental Static Generation (ISR)

🌎 Find Me Here:

💼 Business Inquiries:

Time Stamps 👇
00:00:00 Intro
00:12:54 File & Folder Structure
00:18:39 Server & Client Components
00:31:21 Data Fetching (SSR, SSG, ISR)
00:40:48 SEO & Metadata
00:42:48 Promptopia Project Demo
00:44:31 Project Setup
00:53:22 Home page
01:50:17 Create page
02:14:41 Feed page
02:32:28 Profile page
03:06:39 Special Assignment!
03:12:17 Deployment
03:23:06 Share Your Work

[waxifalee]

Man! You have NO IDEA how much your content helps a student like me who can not afford expensive courses. Please keep up providing such AMAZING quality content. You are a true hero.

[DouglasCastrodaSilva]

Man this is my first contact with nextjs and I have to say that I loved it.
You are so didactic and managed to explain all of that in just a couple of hours.

[Hemanth--kumar_]

Man, u dont know how much of a good teacher you are. The first 40 minutes crash course literally saved hours of reading of documentation. Ofcourse, I recommend reading next.js documentation but this was a quick start. Also, the projects u do are incredibly good. I have been learning full stack from your yt channel and to be honest, I learnt most of all skills needed to land a job. Also, the projects can be used as a showcasing tool. Thank you adrian. If I get a job, I would definitely love to donate to ur channel !!

[WeeklyHow]

1:21:46 For those who is stuck on the Google Authorized domain part, just click the trash and keep it untouched. I don't think it accepts local dev domain.

[iearlg]

As a self taught Beginner developer, I really appreciate the hard work you're putting in these amazing tutorials. HANDS UP 🤲JSM. I hope more NextJS 13 in the future. <3

[benjamingoller]

Man I have to say, the production value of this video is extremely high. Especially the description of the benefits of Nextjs was the best I have seen (and I looked quite a bit) and convinced me of using it for my next project. I thought I may over engineer my project or make using a dedicated backend more complicated but turns out I worried too much. Thanks for the efforts!

[abdessamadchokri]

thank you for the amazing work, it's so so organised, and the way how you switch between the NextJs pillars it's really insane, thanks again for the hard work!

[farhienzahaikal]

So far the most complete, interactive and packed course ever.

Not 40hrs, 90hr course like other platform do

[kooyaw]

This is the best Next JS course I've taken so far. Bless you brother for this incredible work

[Furki_]

It was my first use of route handlers and auth of Next and MongoDb. Thank you so much for teaching me all of this stuff and giving me the curiosity driving me to dive deep into them !

[cuentamovil]

What a great video! A got a bit frustrated when I saw no Typescript but I've watched until the end and I've finally been able to understand lots of concepts. Thank you!

[mckaymower]

Honestly, the first ~45 minutes (crash course part of the video) is worth $50 to me. Excellent work!

[sachinlakshan]

Undoubtedly, the best Next.js tutorial on YouTube. Thank you, and keep up the amazing work!!!

[lucygray]

"Fantastic as usual, I look forward to additional full-stack projects beyond the next 13 in the future. Your hard work is much appreciated. You are a lifesaver." ❤

[moinulhossain]

Once again a great tutorial from the master. Eagerly waiting for the Tailwind CSS one. Thanks Adrian, for all the quality content.

[anthony]

I just wanted to express my sincere appreciation for the amazing tutorial content you've been providing on your channel. The way you explain complex concepts and guide viewers through practical examples is truly commendable. I've learned so much from your tutorials, and they have greatly helped me enhance my web development skills.

[spaxxvilejohn]

Every time I see a new tutorial from you I get excited. Please know that your work is helping developers in Kenya improve their skills. Thank you

[techEnthusiastMw]

Thanks for creating such a clear and concise course! The explanations are clear and easy to follow. This is by far the best course I have come across on youtube

[FemiAdigun]

Great tutorial. [31:22] if you are using typescript, you may need to pass the postId to your component as params e.g const page = ({params: {params: {postId: number}}) => {return <div>{params.postId}}</div>

[theivorycoder]

I would love a tailwind crash course!! These videos are amazing and they're the only ones I can actually sit down and watch for 3 hours without getting bored. I learn more in this than in a week of school 👌