Ответ
SSR (Server-Side Rendering) идеально подходит для приложений, где важны SEO и быстрая загрузка первой страницы. Например, интернет-магазин или блог.
Пример с Next.js:
// pages/products/[id].js
export async function getServerSideProps(context) {
const res = await fetch(`https://api.example.com/products/${context.params.id}`);
const product = await res.json();
return { props: { product } };
}
function ProductPage({ product }) {
return (
<div>
<h1>{product.name}</h1>
<p>{product.description}</p>
</div>
);
}
export default ProductPage;
Преимущества SSR в этом случае:
- HTML генерируется на сервере, что улучшает SEO
- Контент доступен сразу при загрузке страницы
- Меньше нагрузки на клиентские устройства
- Лучший UX для медленных соединений