Next.js — это фреймворк для React, который решает несколько ключевых проблем: 1. **SSR и SSG** — упрощает серверный рендеринг и статическую генерацию страниц, что критично для SEO и производительности. 2. **Роутинг** — файловая система автоматически становится API для маршрутов (`pages/about.js` → `/about`). 3. **Оптимизации** — встроенные возможности: предзагрузка страниц, автоматический code splitting, Image Optimization. 4. **Full-stack** — поддержка API Routes (бекенд на Node.js в том же проекте). Пример SSR: ```jsx // pages/post/[id].js export async function getServerSideProps({ params }) { const res = await fetch(`https://api.example.com/posts/${params.id}`); const post = await res.json(); return { props: { post } }; } export default function Post({ post }) { return

{post.title}

; } ``` Используют, когда нужен быстрый старт, SEO или гибридный рендеринг (SSR + SSG). Альтернативы: Gatsby (для чистого SSG), Remix (упрощённый роутинг).