Next.js
Фреймворк на основе React для сайтов и веб-приложений: страницы готовятся на сервере, поэтому быстрее открываются и лучше видны поисковикам.
Next.js — фреймворк для создания сайтов и веб-приложений на React, который развивает компания Vercel с 2016 года. React сам по себе отвечает только за компоненты интерфейса. Next.js добавляет все остальное, что нужно настоящему сайту: маршруты страниц, отрисовку на сервере, работу с данными, оптимизацию изображений и шрифтов.
Главное отличие — где готовится страница
Обычное React-приложение присылает в браузер почти пустую страницу и скрипт, который строит интерфейс уже на устройстве пользователя. Пока скрипт загружается и выполняется, человек видит пустой экран, а поисковый робот — страницу без текста. Next.js умеет готовить HTML заранее:
- Статическая генерация (SSG) — страница собирается один раз при публикации и отдается мгновенно. Подходит для статей, описаний услуг, документации.
- Серверная отрисовка (SSR) — страница собирается на сервере при каждом запросе со свежими данными. Подходит для каталогов с актуальными ценами и личных страниц.
- Обновление по расписанию (ISR) — статическая страница пересобирается в фоне, например раз в минуту.
- Серверные компоненты — части интерфейса, которые выполняются только на сервере и не увеличивают объем скриптов в браузере.
Маршруты из файлов
Адреса страниц задаются структурой папок: файл app/services/page.tsx становится страницей /services. Рядом можно описать и серверные обработчики — небольшие API для форм и интеграций, без отдельного сервера.
Зачем бизнесу
- Скорость. Готовый HTML показывается сразу, а интерактивность «оживает» после загрузки скриптов.
- Поисковая видимость. Роботы получают полный текст страницы, а не пустой каркас.
- Один стек. Публичный сайт и личный кабинет можно сделать на одной технологии и одной команде, на TypeScript от начала до конца.
Что учитывать
Next.js — серверное приложение: ему нужен сервер на Node.js или платформа для запуска, а не просто хостинг для файлов (кроме полностью статического режима). Фреймворк быстро развивается, и крупные версии меняли подходы — например, переход на новую схему маршрутов (App Router) в 2023 году потребовал от проектов заметной переработки. Для небольших сайтов-визиток он может оказаться избыточным, а для проектов с большим объемом контента и личными кабинетами — удобной основой.