Чем отличаются серверные и клиентские компоненты в Next.js? Для чего их внедрили?

Server Components выполняют серверную работу и не отправляют свою реализацию браузеру, Client Components обеспечивают интерактивность, state и эффекты.

Так можно держать запросы к БД и секреты на сервере и уменьшать клиентский JavaScript. use client задаёт границу модулей, но не запрещает первоначальный SSR HTML; данные, передаваемые через границу, должны поддерживать сериализацию React.

Источник: nextjs.org.