Встречается на собеседованиях • сегодня
Какие знаешь способы решения SSR
SSR (Server-Side Rendering) можно реализовать несколькими способами:
1. **Next.js** – фреймворк на React с встроенным SSR. Просто экспортируем `getServerSideProps`:
```jsx
export async function getServerSideProps() {
const res = await fetch('https://api.example.com/data');
const data = await res.json();
return { props: { data } };
}
```
2. **Nuxt.js** – аналогичный фреймворк для Vue. Использует `asyncData`:
```js
export default {
async asyncData({ params }) {
const post = await fetchPost(params.id);
return { post };
}
}
```
3. **Ручная реализация** с Express и ReactDOMServer:
```js
import { renderToString } from 'react-dom/server';
app.get('/', (req, res) => {
const html = renderToString();
res.send(`
${html}
`);
});
```
4. **SSR-плагины** для сборщиков (Vite SSR, Webpack SSR Plugin).
Ключевые моменты: гидратация на клиенте, обработка асинхронных данных, кеширование. Next.js/Nuxt.js – самые удобные варианты для production.

Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
офферы быстрее!
Попробовать бесплатно
Следующий вопрос
Это единственный вопрос по вашему фильтру
как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы