What you need to know
Server Components can render content without shipping their implementation as browser JavaScript. Client Components are needed for state, effects, event handlers, and browser APIs.
How to apply it
Start with a Server Component for a page or article. Move an interactive menu, search box, or form into a small Client Component and pass it serializable data.
Common mistake to avoid
Do not add use client at the top of an entire route just because one button needs state. Keep the client boundary as small as practical.