Next.js 13.4: Client vs Server Components

Reasons to use client components
- Enable user interactivity on the page (for example clicking buttons)
- React hooks like useEffect and useState
- Access to browser API (like audio or screen recorders)
- Access to the window object
- Class Components

Reasons to use server components
- Access to sensitive data
- Fetching data from the database
- Render less JS on the user's device

Link to docs: https://nextjs.org/docs/getting-started/react-essentials