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. В разделе «Настройки хостинг-аккаунта» (или «Хостинг → Настройки хостинг-аккаунта») добавьте псевдоним с названием 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)