Full Project-based Tutorial - React + Next.js

📖 You will learn:

- Data sorting, filtering
- Responsive Layout without any CSS framework
- Dark/Light Mode
- Server-side rendering
- Deploying with Vercel

🍜 Download Resources:

__________ 🔖 Tutorial Structure __________

[00:00] - Introduction
[06:00] - Build Layout Component
[10:25] - getStaticProps
[12:30] - Build Input Component
[18:40] - Build Country Table Component
[27:10] - Sort Countries by state (value and direction)
[38:47] - Filter Countries by Name, Region and Subregion
[43:47] - getServerSideProps (Server Side Rendering)
[45:43] - Styling Country Page
[1:11:52] - Build Responsive Layouts
[1:29:51] - Build Dark/Light Theme Switcher
[1:36:42] - Create new Github repo and deploy to Vercel
[1:39:15] - getServerSideProps and getStaticProps/getStaticPaths
[1:43:01] - Happy Coding!

## __________ 🐣 About me __________

[NBCodeCutter]

Thu, this is great! Your speech is clear, concise, and spot-on with exactly what's needed, without all the extra fluff sometimes seen with other content providers. You did a marvelous job here, and I'd love to see more form you! If you're thinking about building a paid-for series, you have a customer here!

[karolkapucyn]

One of the best tutorials I’ve ever watched!

[grandpaK]

Please never stop doing this! Appreciate your work from Lebanon <3

[gearyaudie]

I usually don't comment on videos, but this is one of the best tutorials I've seen. So many new things and I love how your JS first approach when using React (trying to use as little plugins). Awesome! looking forward to more

[thelaststanding]

This is the most complete and clear toturial i've ever seen! Thank u bro (y)
From VietNam with love <3

[kwasiezor]

Waouh... Amazing !!! 👍 I love this tut... Keep it up guy...

[sumapietro]

Thanks man, this is one of the most complete and clear tutorial i've ever seen

[tech]

This is how tutorials should look like. Awesome. Thanks !!

[himelchowdhury]

Awesome explanation...plz make more projects with next.js. Always wish you all the best 🔥

[chei]

More Next js full site tutorials please! :)

[monikapatel]

Thanks Nghiem. Tutorial is best. Keep up the good work <3

[vadymbarabanov]

Superb! =) Also design and responsive layout are extremely beautiful!)) Great job!

[ananthakrishnanr]

Awesome course man..I was looking for some real project tutorial with Nextjs, thanks a lot.

[bast]

Congrats on this tutorial, it's very clear and nicely explained ! Loved it

[gylyjovpy]

Great Tutorial bro, please do more projects with react and next. THANKS!!!

[solehinbd]

jajakallah kairan to help for new developer

[santiagop.a]

Certainly a top tutorial. Thank you for sharing!

[seyolas]

I know all the things which you did in this video but at the same time that video helped me about something i was thinking for a long time. I felt like omg how i couldn't think that... Probably noone understand what im saying but thanks a lot xD

[juliuscecilia]

This is awesome! Excited to see more of this! :D

[avijitbiswas]

Awesome man. You are a next gen programmer bringing amazing values for us. Thanks a million for this amazing resource.