Gatsby je super rychlý a fantastický open-source framework založený na Reactu pro vytváření webů a aplikací.
Zde v LinuxAPT, jako součást našich služeb správy serveru, pravidelně pomáháme našim zákazníkům provádět související dotazy týkající se vývoje webových stránek pomocí softwaru Gatsby.
V této souvislosti se podíváme na to, jak nainstalovat Gatsby na váš Ubuntu 20.04 LTS.
Kroky k instalaci Gatsby na Ubuntu
Chcete-li Gatsby úspěšně nainstalovat, musíte postupovat podle níže uvedených kroků.
1. Aktualizujte systém
Před provedením jakékoli instalace softwaru se vždy doporučuje udržovat systém aktualizovaný. Chcete-li to provést, jednoduše spusťte níže uvedený příkaz:
$ sudo apt update
2. Zkontrolujte verzi Node , NPM a Git
Zde musíte ověřit, že váš systém používá aktuální balíčky Node.js, NPM a Git. Zde je návod, jak to udělat pomocí níže uvedených příkazů:
$ node --version
$ npm --version
$ git --version
Pokud na vašem systému není nainstalován žádný z výše uvedených balíčků, měli byste je nejprve nainstalovat. Použijte níže uvedený příkaz:
$ sudo apt install node
$ sudo apt install npm
$ sudo apt install git
3. Nainstalujte Gatsby.js CLI
Na rozdíl od jiných balíčků, které mohou být instalovány v konkrétním adresáři projektu. Gatsby bude instalován pouze globálně. Místní nebo adresářově specifický balíček uzlu lze nainstalovat bez sudo, ale globální balíček lze nainstalovat pouze pomocí sudo.
Nyní spusťte níže uvedený příkaz:
$ sudo npm install -g gatsby-cli
Jak vytvořit nový statický web s Gatsbym?
Jakmile je Gatsby.js nainstalován, jsme připraveni začít vytvářet nové statické webové stránky.
Začněte vytvořením nového adresáře pomocí níže uvedeného příkazu:
$ mkdir gatsbySite
Poté změňte adresář pomocí níže uvedeného příkazu:
$ cd /gatsbySite
Chcete-li nyní vytvořit svůj první web, jednoduše spusťte následující příkaz a můžete začít:
$ gatsby new
Zde se vás Gatsby zeptá na několik otázek, jako je název vašeho webu, název konkrétní složky vašeho webu a některé podrobnosti o pluginu.
Po zodpovězení všech z nich bude vaše stránka vytvořena.
Chcete-li spustit místní server, který vám zobrazí váš web lokálně, jednoduše spusťte příkaz:
$ npm run develop
Nyní můžete přistupovat ke svému místnímu webu na adrese http://localhost:8000/.