NetrunНа главную

Как выложить Next.js приложение в интернет

· 4 мин чтения

Обычно, чтобы выложить Next.js приложение в интернет, нужно арендовать сервер, поставить на него Node.js, собрать проект через npm run build, запустить его как постоянный процесс, повесить рядом nginx, получить SSL-сертификат и следить, чтобы всё это поднималось обратно после перезагрузки. Для пет-проекта или первого сайта это слишком много ручной возни.

Netrun берёт инфраструктуру на себя: вы загружаете код приложения, а сборку, запуск, перезапуск, домен и HTTPS делаем мы. Ниже — как опубликовать ваш Next.js за несколько минут.

  1. Проверьте package.json

    Убедитесь, что в package.json есть скрипты build и start — обычно next build и next start. По ним Netrun понимает, как собрать и запустить приложение. Если вы создавали проект через create-next-app, эти скрипты уже на месте.

  2. Не задавайте порт числом

    Если у приложения есть серверная часть — отрисовка на сервере (SSR) или API-роуты в папке app либо pages — оно запускается через next start и должно слушать порт из переменной окружения. Next.js по умолчанию читает порт из переменной PORT, поэтому в коде его прописывать не нужно: Netrun сам пробросит нужный.

  3. Решите, нужен ли сервер

    Если сайт чисто статический — без серверной отрисовки и API-роутов — его можно собрать как набор готовых файлов: добавьте в next.config настройку статического экспорта (output: 'export'), и Netrun отдаст результат как обычный статический сайт. Если же есть API-роуты или данные подгружаются на сервере — оставьте обычный режим с next start.

  4. Соберите архив или подключите GitHub

    Загрузить код можно двумя способами: ZIP-архивом или импортом из GitHub-репозитория, в том числе приватного. Папки node_modules и .next класть не нужно — зависимости установит и сборку соберёт сам Netrun по вашему package.json, так что архив остаётся лёгким.

  5. Укажите секреты при настройке

    Если приложение обращается к базе данных или внешним сервисам, не держите в коде ключи API, токены и строку подключения. Netrun спросит их при настройке проекта и подставит как переменные окружения: в Next.js серверные значения доступны через process.env, а то, что должно попасть в браузер, по правилам Next.js называется с префиксом NEXT_PUBLIC_.

  6. Опубликуйте и следите за статусом

    Запустите публикацию — Netrun определит, что это Node.js, установит зависимости, выполнит сборку и выдаст ссылку с HTTPS. Логи и статус видны в кабинете в реальном времени, поэтому если сборка на чём-то споткнётся, вы сразу это увидите. При сбое в работе проект перезапускается автоматически.

Готово: ваше Next.js приложение живёт в интернете по адресу с HTTPS, без аренды сервера и настройки nginx. На бесплатном тарифе доступен один проект, и веб-приложение засыпает при простое, а просыпается по первому запросу — отвечает чуть медленнее только в первый раз. Если сайт должен быть всегда наготове, без пауз, подойдёт платный тариф с постоянной работой, а дополнительные проекты докупаются отдельными слотами. Попробовать Netrun.