Установка 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.