Как установить Next.js в Ubuntu 20.04 LTS

 

В этом руководстве мы покажем вам, как установить Next.js в Ubuntu 20.04 LTS. Для тех из вас, кто не знал, Next.js — это фреймворк Javascript, построенный на React.js , который позволяет разработчикам создавать статические и динамические веб-сайты и веб-приложения.

В этой статье предполагается, что у вас есть хотя бы базовые знания Linux, вы знаете, как использовать оболочку, и, что наиболее важно, вы размещаете свой сайт на собственном VPS. Установка довольно проста и предполагает, что вы работаете с учетной записью root, в противном случае вам может потребоваться добавить ‘ sudo‘ к командам для получения привилегий root. Я покажу вам пошаговую установку фреймворка Javascript с открытым исходным кодом Next.js на Ubuntu 20.04 (Focal Fossa). Вы можете следовать тем же инструкциям для Ubuntu 18.04, 16.04 и любого другого дистрибутива на основе Debian, например Linux Mint.

Установите Next.js на Ubuntu 20.04 LTS Focal Fossa

Шаг 1. Во-первых, убедитесь, что все ваши системные пакеты обновлены, выполнив следующие aptкоманды в терминале.

sudo apt update
sudo apt upgrade
sudo apt install build-essential

Шаг 2. Установка Node.js.

Теперь добавьте репозиторий Node.js в вашу систему:

curl -sL https://deb.nodesource.com/setup_14.x | bash -
sudo apt install nodejs

Теперь проверьте свою версию Node.js, выполнив команду на своем терминале:

nodejs -v

И проверьте версию NPM:

npm -v

Шаг 3. Установка Next.js в Ubuntu 20.04.

Теперь создаем пустую папку где угодно, например в вашей домашней папке, и заходим в нее:

mkdir nextjs
cd nextjs

И создайте свой первый проект Next:

mkdir firstproject
cd firstproject

Затем инициализируйте среду разработки проекта Next.js с помощью npxинструмента сборки CLI:

npm init -y
npm install next react react-dom

Файловая структура проекта должна напоминать следующую (за исключением node_modulesи ):package-lock.json

path/to/firstproject/
├── package.json
├── pages
├── public
├── README.md
└── styles

Теперь, используя терминал, запустите, npm run devчтобы запустить следующий сервер разработки:

npm run dev

Вывод:

ready - started server on http://localhost:3000

Шаг 4. Доступ к проекту Next.js.

После успешной установки перейдите к IP-адресу вашего сервера через порт 3000 в веб-браузере:

http://127.0.0.1:3000/

Поздравляю! Вы успешно установили Next.js. Благодарим за использование этого руководства для установки инфраструктуры Javascript с открытым исходным кодом Next.js в системе Ubuntu 20.04 LTS Focal Fossa. Для получения дополнительной помощи или полезной информации, мы рекомендуем вам проверить на официальном сайте Next.js .