Встановлення та запуск 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 додатком на своєму сервері!