Server vs client components in NextJs 13 – When to use which

In this video, we'll compare server and client components, discuss when to use each, and examine common patterns for interleaving them in NextJs 13. 👉🏼 The Ultimate NextJs Course 🔗 https://www.hamedbahram.io/courses/nextjs 👉🏼 Project source code (Github) 🔗 https://github.com/HamedBahram/next-starter-with-theme 👉🏼 NextJs documentation 🔗 https://nextjs.org/docs Chapters 0:00 Intro to server components 1:50 Why server components 4:00 Client components 5:20 When to use which 7:30 Moving client components to the leaves 10:30 Nesting a server component in a client component 12:20 Passing props to client components 13:00 Avoid poisoning 14:10 Using 3rd party packages 16:10 Sharing data between server components 18:10 Project 33:40 Outro