Server и Client Components
В Next.js загружайте серверные данные на сервере, а интерактивные части выделяйте отдельно.
Проверено Изменено
Плохо
"use client" во всём дереве страниц, включая чтение секретов.
Хорошо
Server Component загружает данные.
Client Component управляет поиском и кнопками.
Почему это важно
Серверные секреты не должны попадать в браузер; лишний клиентский код увеличивает загрузку.
Когда применять
Для App Router. В обычном React SPA серверных компонентов может не быть.
Кто что делает
Человек
Определяет нужную интерактивность и границы доступа к данным.
AI-агент
Реализует поведение компонентов и проверяет изменение данных, загрузку и ошибку в браузере.
Контроль результата:
- Нет ли секретов в клиентской сборке? Зачем компоненту use client?
Пример применения
Страница заказа загружает разрешённые данные на сервере. Кнопка изменения количества — небольшой Client Component; строка подключения к БД не передаётся в props.
Как проверить у себя
- Нет ли секретов в клиентской сборке? Зачем компоненту use client?
Первоисточники
История изменений на GitHubДата проверки отражает содержательную сверку. Синхронизация сайта не обновляет её автоматически.