Что такое Next.js?

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

Что даёт

• Разные виды рендеринга: SSR, SSG, ISR и CSR — на выбор для каждой страницы.
• Файловая маршрутизация — роуты по структуре папок (app/, pages/).
• API-роуты — бэкенд-эндпоинты внутри проекта.
• Оптимизации: next/image (изображения), next/font, code splitting, префетч.
• Server Components (App Router) — компоненты, рендерящиеся на сервере без отправки их JS клиенту.

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

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

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

Зачем использовать

• SEO и быстрый первый показ (из коробки).
• Полноценное full-stack приложение (фронт + API).
• Меньше конфигурации, чем ручной SSR.

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

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