Как установить Gatsby на Ubuntu 20.04 LTS

Как установить Gatsby на Ubuntu 20.04 LTS

 

В этом руководстве мы покажем вам, как установить Gatsby на Ubuntu 20.04 LTS. Для тех из вас, кто не знал, Gatsby — это основанный на React генератор статических сайтов GraphQL. Во время сборки Gatsby извлекает все данные, преобразует весь веб-сайт в статические файлы HTML, CSS, JS с данными, доступными в то время. Поскольку он генерирует статические файлы, приложения Gatsby могут быть развернуты где угодно.

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

Установите Gatsby на 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_12.x | sudo -E bash -
sudo apt install nodejs

Теперь проверьте свою версию Node.js, чтобы убедиться, что она работает с:

nodejs -v

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

npm -v

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

Интерфейс командной строки Gatsby доступен через npm. Выполните следующую команду, чтобы установить gatsby-cli:

npm install -g gatsby-cli

Проверьте правильность установки Gatsby с помощью:

gatsby -v

Шаг 4. Создание вашего сайта Gatsby.

Теперь создайте свой первый тестовый сайт Gatsby:

gatsby new hello-world https://github.com/gatsbyjs/gatsby-starter-hello-world

Эта команда создала каталог с именем hello-world и загрузила в него тестовый сайт, теперь вы можете запустить стартовый сайт с помощью:

cd hello-world
gatsby develop

Шаг 5. Доступ к сайту Gatsby.

После полной успешной установки ваш сайт Gatsby теперь работает и должен выводить Hello world!http://localhost:8000

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

Прокрутить вверх