Демо-пример
Пример страницы с серверным рендерингом, вызывающей API для отображения данных
Что такое SSR?
SSR (Server-Side Rendering) — это когда страница генерирует HTML на сервере и отправляет его в браузер. Пользователь видит полное содержимое при первой загрузке, что полезно для SEO и скорости первой отрисовки.
Использование
- Страница автоматически вызывает API на сервере для получения данных
- HTML уже содержит отрендеренный контент, клиенту не нужно запрашивать
- Просмотр отображения данных, возвращённых API
- Подходит для страниц, требующих SEO оптимизации
Сценарии применения SSR
Поисковые системы могут напрямую индексировать содержимое страницы, повышая рейтинг
Сервер возвращает полный HTML, пользователю не нужно ждать загрузки JS
Генерация динамических title и description на основе данных API
Часто задаваемые вопросы
В: В чём разница между SSR и CSR?
О: SSR генерирует HTML на сервере, клиент сразу отображает содержимое; CSR загружает JS в браузере, затем рендерит контент. SSR быстрее при первой отрисовке и дружелюбен к SEO.
В: Должны ли все страницы использовать SSR?
О: Нет. Страницы, требующие SEO (например, страницы инструментов, статьи), подходят для SSR; страницы с частым взаимодействием (например, редакторы) подходят для CSR.