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

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

Для чего это нужно

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

Инструкции

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

Для работы Next.js требуется использовать Node.js версии 18.17 или выше. По умолчанию, приложения Node.js работают через порт - выберите в поле “Способ подключения” значение “Порт”.

 

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

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

 

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

 

Для конфигурационного файла Node.js, необходимо добавить следующие строки в секцию “scripts”:

  • “build" : "next build"
  • "dev" : "next dev"
  • "lint" : "next lint"

Также потребуется изменить значение параметра start на next start. Пример отредактированной секции:

  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "lint": "next lint"
  },

 

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

 

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

 

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

Для последующей настройки проекта, обратитесь к официальной документации Next.js.