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.

Full code: https://github.com/codinginflow/nextjs-crash-course-youtube

⭐ Get my full-stack Next.js with Express & TypeScript course: https://codinginflow.com/nextjs
✅ Get my free React Best Practices course: https://www.codinginflow.com/reactbestpractices
💌 Join my newsletter for regular web dev tips: https://codinginflow.com/newsletter
💬 Join our developer community on Discord: https://codinginflow.com/discord

📣 Follow Coding in Flow on social media:
Twitter: https://twitter.com/codinginflow
Instagram: https://instagram.com/codinginflow
TikTok: https://tiktok.com/@codinginflow
Facebook: https://facebook.com/codinginflow

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