Основной принцип работы в Nuxt

Центральная идея Nuxt - совместить удобство Vue с отдачей готовой разметки с сервера. Этот подход называют универсальным рендерингом: один и тот же компонент сначала выполняется на сервере, а затем продолжает жить в браузере.

Когда пользователь запрашивает страницу, Nuxt запускает Vue-код на сервере, строит HTML с текстом и структурой и отправляет ответ. Браузер показывает этот HTML сразу. После загрузки JavaScript Vue подключается к уже нарисованной странице - ее называют гидратацией: появляются реактивность и обработчики событий без полной перерисовки с нуля.

Для наглядности оставим в корне простой абзац - его содержимое участвует и в серверном HTML, и на клиенте:

<template>
	<p>
		We ship orders every weekday.
	</p>
</template>

Именно так Nuxt закрывает проблему пустой оболочки: робот и человек получают осмысленный документ до того, как интерактивность полностью включится.

Расскажите своими словами, что происходит с Vue-страницей на сервере и в браузере.