Learn Next.js 13 With This One Project

React Simplified Course: https://reactsimplified.com

Next.js is constantly evolving and one of the biggest updates is the addition of server components and server actions. This video goes over all the new Next.js 13 changes and how you can use these new features to create a simple todo list application.

📚 Materials/References:

React Simplified Course: https://reactsimplified.com GitHub Code: https://github.com/WebDevSimplified/next-13-todo-list Prisma Crash Course Video: https://youtu.be/RebA5J-rlwg Singleton Video: https://youtu.be/sJ-c3BA-Ypo

🌎 Find Me Here:

My Blog: https://blog.webdevsimplified.com My Courses: https://courses.webdevsimplified.com Patreon: https://www.patreon.com/WebDevSimplified Twitter: https://twitter.com/DevSimplified Discord: https://discord.gg/7StTjnR GitHub: https://github.com/WebDevSimplified CodePen: https://codepen.io/WebDevSimplified

⏱️ Timestamps:

00:00 - Introduction 00:44 - Setup 01:50 - Database Setup 05:45 - Remove Boilerplate Code 07:20 - Next.js 13 Routing 08:35 - Home Page 10:41 - Server Component Data Fetching 17:34 - New Todo Page 20:24 - Server Actions (Forms) 25:20 - Server Actions (Buttons)

#NextJS #WDS #ReactJS ... https://www.youtube.com/watch?v=NgayZAuTgwM