Как установить 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 .