Next.js Full Beginner Course (Pages Directory) [2024] [TypeScript]

Learn how to use NextJS to build full-stack websites with server-side rendering and serverless API functions. In the end, we will deploy everything to Vercel.

📣 Follow Coding in Flow on social media:

Timestamps:
0:00 - Intro + Prerequisites
16:24 - Project setup
24:01 - Pages structure + routing
39:05 - getServerSideProps
1:10:56 - API routes & client-side rendering
1:38:09 - Dynamic routes, getStaticProps, getStaticPaths, incremental static regeneration
1:56:40 - 400/500 error pages
2:00:07 - nextjs-progressbar
2:09:34 - next/Image (image optimization)
2:22:58 - Deployment on Vercel

[codinginflow]

*Learn the next step!*
My advanced NextJS with Express and TypeScript course is out now:

[ishantchauhan]

For anyone with basic knowledge of react components and hooks, instead of watching 4-8 hours long Nextjs courses on youtube, this tutorial is all you need to be able to develop your own Nextjs projects!

Within just 2.5 hours he clearly explained all important nextjs features, their practical use cases, and how to implement them in a real project... His courses are always easy to understand and will never bore you... Thanks a lot florian! 😁

[valdecircorrea]

If I am a Flutter, Web, Android and full cycle developer today is because of you. Thanks very much for all of you work and support. ❤️❤️❤️

[bravefastrabbit]

How does this only have 3.5k views? To hell with the algo.

It's easily the best freely available Next13 resource out there right now. The fact that you run through what various components do and their appearances in the browser beforehand is KEY, and makes for a much more intuitive learning experience. Nobody else has done that (surprisingly).
I will definitely purchase your course whenever it comes out.

[obsidian]

Just saw this as I've decided to learn NextJS and instantly fell in love with Vercel and NextJS, amazing video! Thank you 🚀

[ndee]

What a course! Exactly what I was looking for.

[AaronStorey]

Been very excited for this one! Thank you Florian

[AmanKumar-egrc]

Till Now there no video on youtube like this, Thanks a lot really appreciated...❤

[yanDev]

Thank you very much for this video and for all the others (especially your MERN project which is just incredible). I, who am a maths teacher, can tell you that you have an excellent pedagogy, you take the time to explain everything without prejudging the level of knowledge and understanding of the people who follow you and that's exactly what you have to do!

If it's not too much to ask, could you complete this video with a big complete project (just like the MERN) which adds technologies like Prisma and why not Supabase for the backend (These are just examples ).

In any case, your French neighbor that I am, says a big thank you for everything!

[ManishSharma-kyth]

I learned all about Android development from your channel and even created some apps that garnered 100, 000 + users. However, I eventually became aware of G's monopoly over the Android platform and decided to move away from it (this was when I was 20 years old). Nowadays, I am focused on working on my web projects using React/Next, which has been very successful for me. This video will help me to refresh my knowledge about Next.js. I want to express my gratitude to your channel, which was the reason why I started programming in the first place. Thank you. 😊

[abhayshaw]

Hey florian your way of teaching is just awesome I learned react through your MERN stack video and a bit of backend too . Thanks for such amazing content

[triciaamheiser]

Very succinctly and expertly done. Thank you so much for putting in the time on this. As a new developer who enjoys React, this is the first tutorial I've done on NextJS. Looking forward to playing with it some more and applying it in projects I've already launched to improve them.

[muhammadfitrie]

as usual, you are one of the best youtuber of NextJS

[pavelcistjakov]

I love that three stripes, bro! Coding Slav should be your next YT project

[davidp]

I loved this tutorial, thank you for it

[alainrico]

Learned a lot from you, thank you so much for your videos and explaination 😇

[olga_lc]

Thank you Florian for this great course!
Is it hard to deploy nextjs project to other hosting? Do we need any additional setup? If anyone has an experience, would be really greatful for some hint

[bencroacademy]

I really enjoyed this man. When is the course out ?🤩

[reactv]

Thank you for this… amazing experience overall ❤️🎉🙏

[rahulkhandelwal]

Thanks for the best video, you are beadt man 🔥🔥.

Btw want to know how did you get in-depth knowledge of nextjs as you have changed your path from android to nextjs ?