Next js 13 код клиентских компонентов отображается в коде страницы, почему?
Привет! Изучаю Next.js 13, до этого разрабатывал только SPA. Насколько я понял, одно из преимуществ next.js - серверный рендеринг, когда компонент преобразуется в разметку или в объект (как в новом нексте) и отдается на клиент, где уже происходит инъекция, что полезно для сео - открывается страница с уже указанными тайтлами, тегами и контентом.
В next 13 есть два типа компонентов - серверные и клиентские, которые генерируются на сервере и на клиенте соответственно. И по логике (возможно неверной логике), клиентские компоненты работают по аналогии, как работает spa приложение - рендеринг только после того, как вся страница и банлд загрузились.
Но я заметил, что контент клиентских приложений отображается в коде страницы (не в дев тулзах, а именно в index.html). получается, что клиентский компонент собрался на сервере, гидрировался в index.html и отправился на клиент при первом же get запросе. Почему так? Разве в index.html не должно вместо клиентского компонента быть какой-то пустой див (условно), в который потом гидрируется наш клиентский компонент, когда страница загрузится?
так и есть.
Возможно это сбивает с толку, согласен.
Но насколько я знаю клиентские компоненты в нексте это компоненты которые могу меняться с клиента , условно (useState). При этом они так же собираются на сервере и отдают статику.
Средний
Простой
Средний
