Когда сайт уже получает заказы, выбор хостинга начинается с двух вопросов: сколько стоит его работа за месяц и кто восстановит оформление заказа после сбоя. Цена в тарифной таблице отвечает только на часть первого вопроса.
Vercel снимает с команды значительную часть работы с инфраструктурой и упрощает выпуск новых версий. VPS даёт контроль над сервером и позволяет планировать расходы на выбранные ресурсы. Оба варианта подходят для Next.js. Выбирать между ними стоит по устройству приложения, нагрузке и тому, как организовано обслуживание.
Next.js можно полноценно разместить на VPS
Самостоятельное размещение предусмотрено официальной документацией Next.js. Приложение можно запустить как Node.js-сервер или в Docker-контейнере. Эти варианты поддерживают серверные возможности фреймворка: для переезда не нужно автоматически превращать сайт в набор статических страниц.
Статический экспорт — отдельный режим. Он подходит, если сайт можно собрать в HTML, CSS и JavaScript без функций, которым нужен сервер Next.js. Если приложение использует серверную авторизацию, обработчики запросов или динамический рендеринг, сначала проверяют эти зависимости.
Для рабочего Node.js-приложения используют производственную сборку и запуск через next start либо подготовленный контейнер. Перед приложением обычно ставят Nginx или другой обратный прокси, который принимает внешние соединения. Также нужны HTTPS, автоматический запуск после перезагрузки и сохранение необходимых данных.
При этом сервисы Vercel и возможности Next.js — разные части проекта. Если сайт использует отдельное облачное хранилище, базу данных или другие интеграции, перенос кода сам по себе их не заменяет. Их можно сохранить внешними либо перенести по отдельному плану.
Что сравнивать, кроме цены
Задача Vercel/VPS: Выпуск обновлений. Готовые процессы сборки, предварительного просмотра и публикации. Процесс сборки, проверки и переключения версий нужно настроить самостоятельно.
Кеширование. Инфраструктура платформы; правила актуальности данных задаёт приложение. Кеш Next.js работает локально; CDN и согласование работы нескольких экземпляров настраиваются отдельно.
Изображения. Управляемая оптимизация с отдельным учётом использования ресурсов. Оптимизация использует мощности сервера или подключённого внешнего сервиса.
Рост нагрузки. Автоматическое масштабирование функций в пределах ограничений платформы. Необходим запас ресурсов и план увеличения мощности или числа серверов.
Обслуживание. Платформа обслуживает свою инфраструктуру; команда разработчиков отвечает за приложение и интеграции. За сервер отвечает владелец, администратор или служба поддержки хостинга — в зависимости от состава услуги.
Как посчитать расходы на работающий сайт
Начните с расходов за последние два-три месяца, включая период повышенной нагрузки. Отдельно выпишите оплату платформы, вычислений, изображений, базы данных, хранения файлов и дополнительных услуг. Посмотрите, какие расходы растут вместе с посещаемостью, а какие связаны с работой команды.
Для коммерческого проекта бесплатный Vercel Hobby не подходит: он предназначен для личного некоммерческого использования. На момент подготовки статьи, в октябре 2026 года, базовая плата Pro составляет 20 долларов в месяц. В неё входят одно место участника с правом публикации и 20 долларов кредита на использование инфраструктуры. Дополнительные такие места, потребление сверх кредита и платные опции увеличивают счёт; налоги учитываются отдельно.
На Pro доступен Flat Rate CDN с фиксированной оплатой выбранного уровня. Он помогает сгладить расходы при кратковременном скачке трафика. Вычисления и оптимизация изображений учитываются отдельно. При превышении месячной ёмкости возможен переход на следующий уровень в новом расчётном периоде. Поэтому считать любой рост посещаемости причиной немедленного большого счёта неправильно. Условия конкретного проекта нужно смотреть в его биллинге.
У VPS обычно известна стоимость выбранной конфигурации. К ней добавляют необходимые резервные копии, внешнее хранение, CDN, условия оплаты трафика и обслуживание. Отдельно учитывают перенос и настройку. Если ради экономии на аренде разработчик регулярно отвлекается от продукта на сервер, эти часы тоже входят в стоимость размещения.
Для проекта с понятной нагрузкой можно рассмотреть VPS для Next.js в HSTQ. Администрирование здесь бесплатное: поддержку можно подключить к подготовке сервера, размещению приложения и настройке его работы. Это позволяет оценивать VPS вместе с технической помощью, которая потребуется после заказа.
Не выбирайте конфигурацию только по числу посетителей. Каталог, который в основном отдаётся из кеша, и личный кабинет с запросами к базе при каждом открытии страницы создают разную нагрузку при одинаковой посещаемости.
Кеширование: покупатель должен видеть актуальные данные
Кеш позволяет повторно отдавать готовый результат и сокращать вычисления. В Next.js есть ISR — механизм обновления заранее подготовленных страниц без полной пересборки сайта. Он доступен и при самостоятельном размещении.
Но правила обновления нужно связать с задачами бизнеса. Описание услуги может спокойно храниться в кеше, а остаток последнего товара и итоговая цена заказа требуют более строгого контроля. При оформлении покупки сервер должен заново проверить цену и наличие по актуальному источнику данных.
Простой приёмочный тест: измените цену или текст в CMS и проследите, когда изменение появится на сайте. Проверьте обычное открытие страницы и переход внутри приложения. Затем войдите под двумя разными пользователями и убедитесь, что персональные данные не попадают в общий кеш.
На одном экземпляре Next.js с постоянным диском серверный кеш может храниться локально. Когда экземпляров несколько, нужно согласовать хранение и сброс кеша: иначе один посетитель получит обновлённые данные, а другой — старые. Добавленный перед приложением CDN тоже должен корректно учитывать заголовки и варианты ответов Next.js.
Vercel упрощает инфраструктурную сторону этой задачи, но не определяет за владельца, сколько времени допустимо показывать старую цену. На любой площадке это решение остаётся частью логики приложения.
Изображения: проверить первый запрос и повторные открытия
Компонент next/image работает и на VPS. При стандартном серверном запуске Next.js изображения можно оптимизировать без перехода на Vercel. Обработка выполняется по запросу, а готовые варианты сохраняются в кеше.
На Vercel отдельно учитываются преобразования изображений и операции с их кешем. На собственном сервере эта работа расходует процессорное время, память и место на диске. Поэтому большой каталог фотографий нужно проверять на реальных страницах, включая первое открытие ещё не обработанных изображений.
До переезда сравните время загрузки карточки товара с пустым и заполненным кешем. Убедитесь, что мобильному посетителю не отправляется фотография в несколько раз больше необходимого размера. Проверьте, как обновится изображение после его замены в CMS.
Если обработка картинок заметно мешает работе приложения, её можно вынести в отдельный сервис. Такой вариант стоит включить в расчёт до покупки более мощного сервера.
Обновления должны допускать возврат к рабочей версии
Vercel удобен, когда команда часто меняет сайт: новую сборку можно проверить до публикации, а при проблеме воспользоваться Instant Rollback и вернуть предыдущий производственный деплой.
На VPS похожий процесс организуют заранее. Новую версию собирают отдельно, запускают рядом с действующей и проверяют основные действия пользователя. После успешной проверки переключают трафик. Предыдущую сборку сохраняют на случай возврата.
Для магазина мало увидеть открывшуюся главную страницу. Перед переключением нужно проверить вход, добавление товара в корзину и оформление тестового заказа. Интеграцию оплаты проверяют в тестовом режиме платёжной системы, включая получение уведомления об успешной операции.
Возврат к старому коду не возвращает автоматически прежнюю структуру базы данных. Если обновление изменило таблицы или формат записей, предыдущая версия приложения может оказаться с ними несовместима. Поэтому план обновления должен включать совместимость изменений базы и восстановление данных.
Также заранее определяют, кто следит за обновлениями Node.js, Next.js и зависимостей. Даже на управляемой платформе версии библиотек приложения требуют внимания разработчика. На VPS к этому добавляются обновления операционной системы и серверных компонентов.
Мониторинг должен замечать потерю заказов
Ответ HTTP 200 от главной страницы ещё не подтверждает, что клиент может купить товар. Форма может перестать отправлять заявку, база — отклонять запись заказа, а уведомление об оплате — приходить на старый адрес.
Для коммерческого сайта полезно контролировать доступность извне, ошибки приложения и время ответа ключевых страниц. На VPS дополнительно следят за памятью, свободным местом и состоянием процессов. Отдельная проверка должна проходить основной пользовательский путь без создания реальных платежей и лишних заказов.
У уведомления нужен получатель, который понимает, что делать дальше. Заранее договоритесь, кто проверяет сервер, кто разбирает ошибку приложения и как связаться с ним. Доступный график поддержки и время реакции стоит выяснить до переноса рабочего проекта.
Один VPS остаётся одним сервером: при его недоступности приложение не продолжит работать само по себе. Если бизнесу требуется переживать отказ сервера без остановки, нужна архитектура с резервированием. Копия базы на том же VPS эту задачу не решает. Резервные копии хранят отдельно и проверяют восстановлением.
Когда выбирать Vercel, а когда VPS
Vercel стоит оставить, если команда активно использует предварительные версии, часто выпускает изменения, а текущие расходы укладываются в экономику проекта. Перенос ради небольшой разницы в цене может не окупить настройку и последующее обслуживание.
VPS стоит рассмотреть, когда нагрузка уже понятна, нужны собственные настройки окружения, есть несколько приложений или хочется управлять размещением связанных сервисов. Выгода становится убедительной после проверки реального приложения: оно выдерживает нужную нагрузку, корректно обновляет данные и возвращается к рабочей версии после неудачного выпуска.
Для решения достаточно небольшого испытания на отдельном адресе. Разверните копию проекта, проверьте важные страницы и интеграции, измерьте скорость из регионов ваших клиентов. Приложение желательно размещать с учётом расположения базы данных: дальние сетевые запросы могут замедлить динамические страницы даже на мощном сервере.
В HSTQ можно передать подготовку и перенос поддержке. Бесплатное администрирование включает помощь с настройкой серверного окружения: специалисты развернут Next.js, подключат домен и HTTPS, настроят автозапуск, мониторинг и резервное копирование, помогут проверить приложение перед переключением. Если потребуется исправление самого кода, техническая проверка покажет, что нужно передать разработчику.
Чтобы начать, отправьте в поддержку описание проекта: используемые сервисы, обычную и пиковую нагрузку, текущие расходы. HSTQ поможет подобрать VPS и подготовить размещение. Переключать рабочий домен стоит после проверки заказов, актуальности данных и плана возврата — тогда решение будет опираться на работу вашего сайта.
