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

До начала установки фреймворка Next.js, необходимо установить Node.js посредством панели и установить обработчик для сайта согласно официальному руководству.

Создайте новый Node.js проект, выбрав соответствующий пункт при создании сайта.

Для работы Next.js требуется использовать Node.js версии 20.9.0 или выше. По умолчанию, приложения Node.js работают через порт - выберите в поле Способ подключения значение Порт. Выберите создание пустого проекта, если у вас нет готового json-файла с пакетами для вашего проекта.

После установки обработчика для сайта, необходимо установить пакеты для работы фреймворка. Для этого откройте меню сайта (кнопка с изображением трех точек), перейдите в Просмотр пакетов Node.js - Установить и в поле Название пакетов Node.js через пробел укажите следующие пакеты:

• next@latest
• react@latest
• react-dom@latest

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

В конфигурационном файле Node.js замените секцию scripts на следующую:

  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "lint": "eslint",
    "lint:fix": "eslint --fix"
  }

В конфигурационном файле Nginx в секции location @fallback для директив proxy_pass и proxy_redirect замените значение порта с 10000 на 3000:

proxy_pass http://127.0.0.1:3000;
proxy_redirect http://127.0.0.1:3000 /;

После внесения изменений в конфигурационный файл, удалите файлы server.js и index.html, а затем создайте директорию в корневом каталоге сайта, в котором будет работать приложение - по умолчанию это app. В зависимости от вашего проекта, приложение также может работать в директории**** pages (вместо app) и использовать директорию public для статичных файлов (изображения, шрифты и т.д.).

Если после изменения конфигурации, Node.js запускается с ошибкой, откройте shell-клиент под пользователем-владельцем сайта в меню сайта (кнопка с изображением трех точек) и введите команду npm run build.

После этого перезапустите Node.js на сайте нажав в меню сайта на кнопку Перезапустить (Node.js).