Серверный рендеринг (SSR) — это процесс генерации HTML-страницы на сервере, а не в браузере клиента. Вместо того чтобы отправлять пустой HTML и загружать JavaScript для построения интерфейса на клиенте (как в SPA), сервер сразу возвращает полностью сформированную страницу.

Преимущества SSR:

Быстрая первая отрисовка, что улучшает пользовательский опыт.
Лучше индексируется поисковыми системами.
Подходит для приложений с динамическим контентом.

Пример на Node.js с использованием Express и React:

import express from 'express';
import React from 'react';
import ReactDOMServer from 'react-dom/server';
import App from './App';

const app = express();

app.get('/', (req, res) => {
  const appString = ReactDOMServer.renderToString(<App />);
  res.send(`
    <!DOCTYPE html>
    <html>
      <head><title>SSR Example</title></head>
      <body>
        <div id="root">${appString}</div>
        <script src="bundle.js"></script>
      </body>
    </html>
  `);
});

app.listen(3000);

Здесь React-компонент рендерится на сервере в строку HTML, которая сразу отправляется клиенту.

Можете объяснить принцип работы серверной рендеринга (SSR)?