Что такое серверные и клиентские компоненты в Next.js App Router?

В App Router все компоненты по умолчанию — серверные (React Server Components). Они выполняются на сервере, имеют прямой доступ к базе данных и файловой системе, а их JavaScript не попадает в клиентский бандл. Клиентские компоненты помечаются директивой "use client" и работают в браузере — в них доступны хуки, события, браузерные API.