Вопрос проверяет понимание Server-Side Rendering (SSR) на Node.js, его отличия от клиентского рендеринга и преимущества для SEO и производительности.
SSR (Server-Side Rendering) — это техника, при которой HTML-код страницы генерируется на сервере, а не в браузере. В контексте Node.js это означает, что сервер на JavaScript (например, с Express) обрабатывает запрос, рендерит React-компонент в строку HTML и отправляет её клиенту. После загрузки страницы браузер подключает JavaScript для гидратации — восстановления интерактивности.
Процесс SSR включает несколько шагов:
renderToString из react-dom/server.const express = require('express');
const React = require('react');
const { renderToString } = require('react-dom/server');
const App = require('./App');
const app = express();
app.get('/', (req, res) => {
const html = renderToString(React.createElement(App));
res.send(`
<!DOCTYPE html>
<html>
<head><title>SSR Example</title></head>
<body>
<div id="root">${html}</div>
<script src="/bundle.js"></script>
</body>
</html>
`);
});
app.listen(3000);SSR улучшает SEO, так как поисковые роботы видят полный HTML, а не пустую оболочку. Также сокращается время до первого контента (FCP), что улучшает пользовательский опыт. SSR полезен для контентных сайтов, блогов, интернет-магазинов и любых приложений, где важна индексация.
Вывод: SSR на Node.js стоит применять, когда требуется быстрая загрузка контента и хорошая индексация поисковиками, но нужно учитывать дополнительную нагрузку на сервер.
Frontend developer
Ментор по Frontend
Полное сопровождение до оффера — без дорогих курсов, с оплатой после трудоустройства
Записаться на консультациюУровень
Рейтинг:
4
Сложность:
6
Навыки
JavaScript
Node.js
Ключевые слова
Подпишись на React Developer в телеграм
Frontend developer
Ментор по Frontend
Полное сопровождение до оффера — без дорогих курсов, с оплатой после трудоустройства
Записаться на консультацию