Next.js: что это и почему на нём делают сайты

Что это такое

React — библиотека для интерфейсов: она умеет рисовать кнопки, формы и блоки, но не решает, как устроены страницы сайта, как они попадают к посетителю и как их находит поисковик. Next.js добавляет к React всё остальное: адреса страниц, отрисовку на сервере, сборку, работу с картинками и серверные функции. Его развивает компания Vercel, код открыт и бесплатен.

Чем фреймворк отличается от библиотеки, разобрано в статье «Фреймворк: что это простыми словами».

Фронтенд или бэкенд

И то и другое. В одном проекте на Next.js живут страницы, которые видит посетитель, и серверная часть: обработка форм, работа с базой, связь с платёжными сервисами. Поэтому на нём можно сделать сайт целиком, без отдельного бэкенда. Что такое фронтенд и бэкенд, — в статье «Фронтенд и бэкенд».

Как он отдаёт страницы

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

• заранее, при сборке — как статический сайт, быстрее всего;
• на сервере при каждом запросе — когда страница зависит от посетителя или свежих данных;
• заранее, но с обновлением через заданное время — например, каталог, который пересобирается раз в час;
• в браузере — для интерактивных частей.

О разнице между готовыми и собираемыми на лету страницами — статья «Статический сайт».

Чем полезен бизнесу

• Скорость. Страницы приходят готовыми, код делится на части и загружается по мере нужды, картинки подстраиваются под экран.
• Поиск. Поисковики получают готовый HTML с текстом, а не пустую страницу, которую нужно собирать скриптами.
• Один проект вместо двух. Сайт и серверная часть — в одном коде, их проще поддерживать.
• Популярность. Разработчиков на Next.js много, и сайт можно передать другому подрядчику.

Что важно знать владельцу

• Обновления обязательны. В популярном фреймворке ищут уязвимости тысячи исследователей. В марте 2025 года в Next.js нашли критическую ошибку, позволявшую обойти проверку доступа (CVE-2025-29927), а в декабре 2025-го — уязвимость React2Shell (CVE-2025-55182), через которую можно было выполнить код на сервере. От второй не было обходного пути — только обновление. С середины 2026 года Next.js выпускает исправления безопасности по расписанию, и сайт стоит обновлять вслед за ними.
• Нужен хостинг с Node.js — или статическая сборка, если серверная часть не нужна.
• Это не CMS. Панели для правки текстов в Next.js нет: изменения вносит разработчик или к сайту подключают отдельную систему управления.
• Привязки нет. Код открыт, и передать сайт другому разработчику на Next.js несложно.

Как устроено у нас

Наш сайт сделан на Next.js 16. Страницы собираются на сервере при каждом запросе — так в них попадает одноразовый ключ для политики безопасности, — а статьи блога лежат простыми текстовыми файлами в коде сайта.

Сайты компаний мы делаем на коде с собственным дизайном. Исходники и доступы после сдачи остаются у вас, так что вести сайт может и другой разработчик — привязки к студии нет.