Next.js — это React-фреймворк для серверного рендеринга и статической генерации сайтов.

Главные плюсы:

Поддержка SSR (Server-Side Rendering) и SSG (Static Site Generation) из коробки.
Автоматическая маршрутизация на основе файловой структуры.
Оптимизация производительности и загрузки страниц.
Поддержка API роутов для создания backend-эндпоинтов.
Интеграция с React 18 и поддержка серверных компонентов.

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

SSR (Server-Side Rendering): страница рендерится на сервере при каждом запросе.
SSG (Static Site Generation): страницы генерируются на этапе сборки и отдаются как статические.
ISR (Incremental Static Regeneration): позволяет обновлять статические страницы после деплоя.
CSR (Client-Side Rendering): рендеринг происходит на клиенте, например, при использовании useEffect.

Серверные компоненты: Next.js поддерживает React Server Components, которые рендерятся на сервере и позволяют уменьшить объем кода, отправляемого на клиент, улучшая производительность.

Другие возможности:

Поддержка TypeScript.
Оптимизация изображений через компонент <Image>.
Международная локализация.
Middleware для обработки запросов.

Пример использования SSR в Next.js:

export async function getServerSideProps() {
  const res = await fetch('https://api.example.com/data');
  const data = await res.json();
  return { props: { data } };
}

export default function Page({ data }) {
  return <div>{data.title}</div>;
}

Расскажи про Next.js: главные плюсы, виды рендеринга, серверные компоненты и другие возможности.