Для чего нужен Next?

Next.js — это React-фреймворк для создания веб-приложений с серверным рендерингом, генерацией статики, файловой маршрутизацией и оптимизациями из коробки.

Для чего нужен

Next.js решает задачи, сложные в чистом React:

• SEO и быстрый первый показ — через SSR/SSG.
• Маршрутизация — по структуре папок (не нужен ручной роутер).
• Full-stack — API-роуты внутри проекта.
• Оптимизации — изображения, шрифты, code splitting.

Виды рендеринга

• SSR — HTML на сервере на каждый запрос (актуальные данные, SEO).
• SSG — HTML на этапе сборки (быстро, для контента).
• ISR — статика с фоновым обновлением.
• CSR — обычный клиентский рендер, где нужно.

// App Router: серверный компонент по умолчанию
export default async function Page() {
  const data = await getData(); // на сервере
  return <div>{data.title}</div>;
}

Возможности

• Файловая маршрутизация (app/, pages/).
• API Routes — бэкенд-эндпоинты.
• Server Components — рендер на сервере без отправки JS клиенту.
• next/image, next/font — оптимизация ресурсов.
• Middleware, edge-функции.

Когда использовать

• Нужен SEO (магазины, блоги, лендинги).
• Full-stack приложение.
• Быстрый первый показ.

Коротко для собеседования

Next.js — React-фреймворк с SSR/SSG/ISR/CSR, файловой маршрутизацией, API-роутами, Server Components и оптимизацией изображений/шрифтов. Нужен для SEO, быстрого первого показа и full-stack приложений из коробки, без ручной настройки серверного рендеринга.