Что такое Server Components и Client Components в Next.js?

В App Router все компоненты серверные по умолчанию — рендерятся на сервере, JS не отправляется на клиент. Для интерактивности добавляешь "use client" — компонент становится клиентским, гидратируется. Серверные: доступ к БД, fs, секреты, нет useState/useEffect. Клиентские: обработчики событий, хуки, browser API. Паттерн — серверный компонент-обёртка передаёт данные клиентскому как пропы. Нельзя импортировать серверный компонент в клиентский, но можно передать как children.