2.10.3. Встановлення та запуск Next.js

Next.js — фреймворк для веб-розробки з відкритим вихідним кодом, який створений компанією Vercel і забезпечує створення веб-застосунків на основі React з рендерингом на стороні сервера і генерацією статичних сайтів. Для роботи потребує Node.js.

Встановлення Next.js

  1. Встановіть Next.js глобально:
    cd ~
mkdir .node
cd .node
npm install next
  2. У розділі «Конфігурація Linux» додайте псевдонім з назвою next і значенням ~/.node/node_modules/next/dist/bin/next.

Встановлення простого застосунку

  1. Перейдіть у кореневий каталог сайту:
    cd ~/example.com/www
  2. Встановіть приклад простого застосунку (в процесі встановлення на всі запити можна просто натискати Enter):
    npx create-next-app@latest

Запуск

  1. У розділі «Налаштування сайту» встановіть наступні налаштування:
    • «Веб-сервер» — «Node.js».
    • «Версія Node.js» — 18 або вище.
    • «Проксування трафіку» — «За IP-адресою».
    • «Кореневий каталог» — назва каталогу вашого застосунку (наприклад, my-app).
  2. У розділі «Налаштування Node.js» вимкніть додавання до команди запуску параметрів –host і –port.
  3. У файлі package.json вашого застосунку в секції script команду start вкажіть як next start --hostname 127.*.*.* (із зазначенням потрібної IP-адреси).
  4. Запустіть застосунок і перевірте його роботу.
Зміст
    (8)