Установка и запуск Next.js через панель управления

Запуск приложения Node.js в панели управления

Зайдите в панель управления ХОСТИНГ 2.0. В меню выберите раздел для запуска Node.js приложений и выберите одну из поддерживаемых версий.

Если ранее функционал не был активирован, система предложит Вам выбрать версию Node.js, на которой будет работать Ваш проект. На этом шаге советуем обратиться к документации приложения, чтобы выбрать верную версию. Выберите подходящую версию и нажмите кнопку Сохранить.

Если вы не нашли в списке нужной вам версии, пожалуйста, обратитесь к нашей технической поддержке по адресу support@cityhost.net.ua с регистрационной почты или панели управления.

Запустите приложение с заглушкой.

Установка Next.js

Для установки Next.js воспользуйтесь официальным гайдом: Next.js Installation Guide.

Подключитесь к серверу через SSH. В терминале выполните переход в каталог веб-сайта:

cd www/

Создание нового приложения Next.js

Запустите команду для создания нового Next.js приложения, используя npx:

npx create-next-app@latest yoursite.com

В этом примере yoursite.com — нужно заменить названием вашего сайта. 

После выполнения команды дождитесь завершения процесса создания приложения. Эта команда создаст все необходимые файлы и каталоги для работы приложения Next.js.

Создание файла server.js

После того, как приложение создано, вам нужно создать файл server.js, который будет ответственным за запуск приложения через HTTP сервер.

Создайте новый файл server.js в корне вашего приложения и добавьте в него следующий код:

const next = require('next');
const fs = require('fs');
const http = require('http');
const socketPath = process.env.PORT;
const app = next({dev: true});
const handle = app.getRequestHandler();

app.prepare().then(() => {
 if (fs.existsSync(socketPath)) {
 fs.unlinkSync(socketPath);
 }

 const server = http.createServer((req, res) => {
 handle(req, res);
 });

 server.listen(socketPath, () => {
 console.log(`Server is listening on ${socketPath}`);
 });

 fs.chmodSync(socketPath, '0777');
});

Этот файл будет использоваться для запуска приложения на вашем сервере с помощью протокола HTTP через сокет.

Настройка файла package.json 1

Откройте файл package.json вашего приложения, найдите секцию scripts и измените команду запуска приложения: Измените: "start": "next start", На:

"start": "node ./server.js",

Сборник приложения для production среды

Если вы планируете развертывать приложение в production среде, сначала вам нужно собрать приложение. Для этого выполните команду:

npm run build

Эта команда соберет все статические файлы и оптимизирует приложение для production среды.

После завершения сборки или настроек вы можете запустить сервис через панель управления:

Если все настроено правильно, приложение запустится, и вы сможете открыть его в браузере. Теперь вы можете наслаждаться работающим Next.js приложением на своем сервере!