V tomto tutoriálu vám ukážeme, jak nainstalovat Gatsby na Ubuntu 20.04 LTS. Pro ty z vás, kteří to nevěděli, je Gatsby generátor statických stránek na bázi GraphQL založený na Reactu. Během doba sestavení Gatsby načte všechna data, vykreslí celou webovou stránku do statických souborů HTML, CSS, JS s daty dostupnými v té době. Díky tomu, že generuje statické soubory, lze aplikace Gatsby nasadit kdekoli.
Tento článek předpokládá, že máte alespoň základní znalosti Linuxu, víte, jak používat shell, a co je nejdůležitější, hostujete svůj web na vlastním VPS. Instalace je poměrně jednoduchá a předpokládá, že běží v účtu root, pokud ne, možná budete muset přidat 'sudo
‘ k příkazům pro získání oprávnění root. Ukážu vám krok za krokem instalaci Gatsbyho na Ubuntu 20.04 (Focal Fossa). Můžete postupovat podle stejných pokynů pro Ubuntu 18.04, 16.04 a jakoukoli jinou distribuci založenou na Debianu, jako je Linux Mint.
Předpoklady
- Server s jedním z následujících operačních systémů:Ubuntu 20.04, 18.04 a jakoukoli jinou distribucí založenou na Debianu, jako je Linux Mint nebo základní OS.
- Abyste předešli případným problémům, doporučujeme použít novou instalaci operačního systému.
non-root sudo user
nebo přístup kroot user
. Doporučujeme jednat jakonon-root sudo user
, protože však můžete poškodit svůj systém, pokud nebudete při jednání jako root opatrní.
Nainstalujte Gatsby na Ubuntu 20.04 LTS Focal Fossa
Krok 1. Nejprve se ujistěte, že všechny vaše systémové balíčky jsou aktuální, spuštěním následujícího apt
příkazy v terminálu.
sudo apt update sudo apt upgrade sudo apt install build-essential
Krok 2. Instalace Node.js.
Nyní přidejte úložiště Node.js do svého systému:
curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash - sudo apt install nodejs
Nyní zkontrolujte verzi Node.js a ujistěte se, že funguje s:
nodejs -v
A zkontrolujte také verzi NPM:
npm -v
Krok 3. Instalace Gatsby na Ubuntu 20.04.
Gatsby CLI je k dispozici prostřednictvím npm. Spusťte následující příkaz a nainstalujte gatsby-cli:
npm install -g gatsby-cli
Zkontrolujte, zda je Gatsby správně nainstalován pomocí:
gatsby -v
Krok 4. Vytvoření vašeho webu Gatsby.
Nyní vytvořte svůj první testovací web Gatsby:
gatsby new hello-world https://github.com/gatsbyjs/gatsby-starter-hello-world
Tento příkaz vytvořil adresář s názvem hello-world a stáhl do něj testovací web. Nyní můžete spustit startovací web pomocí:
cd hello-world gatsby develop
Krok 5. Přístup na stránky Gatsby.
Po úplné úspěšné instalaci nyní váš web Gatsby běží na adrese http://localhost:8000
a měl by mít výstup Hello world!
Blahopřejeme! Úspěšně jste nainstalovali Gatsby. Děkujeme, že jste použili tento návod k instalaci Gatsby na Ubuntu 20.04 LTS Focal Fossa systému. Pro další pomoc nebo užitečné informace vám doporučujeme navštívit oficiální web Gatsby .