Jak nainstalovat Gatsby na Ubuntu 20.04

Gatsby je rychlý moderní generátor stránek pro React. Jedná se o open-source framework, který kombinuje funkce React, GraphQL a Webpack pro vytváření statických webů a aplikací.

Gatsby je více než jen generátor statických stránek, umožňuje webovým vývojářům vytvářet webové stránky pomocí React a pracovat s libovolným zdrojem dat (CMS, Markdown atd.) podle jejich výběru. V tomto tutoriálu vám ukážeme, jak nainstalovat Gatsby na Ubuntu 20.04.

Předpoklady

• Ubuntu 20.04 VPS
• Přístup SSH s právy root

Krok 1. Přihlaste se k serveru

Nejprve se přihlaste ke svému serveru Ubuntu 20.04 prostřednictvím SSH jako uživatel root:

ssh root@IP_Address -p Port_number

„IP_Address“ a „Port_number“ budete muset nahradit příslušnou IP adresou vašeho serveru a číslem portu SSH.

Před spuštěním se musíte ujistit, že všechny balíčky Ubuntu OS nainstalované na serveru jsou aktuální. Můžete to provést spuštěním následujících příkazů:

# apt update -y
# apt upgrade -y

 

Krok 2. Vytvoření systémového uživatele

Dále vytvoříme nového uživatele systému a udělíme mu práva sudo. V tomto tutoriálu vytvoříme nového uživatele systému s názvem ‚master‘, můžete si vybrat libovolné uživatelské jméno, které se vám líbí.

# adduser master

Po vytvoření spusťte tento příkaz a přidejte nového uživatele do skupiny sudo. V Ubuntu mohou uživatelé, kteří jsou členy skupiny sudo, spouštět příkazy sudo.

# usermod -aG sudo master

Nyní se můžeme přihlásit jako nový uživatel „master“ a tohoto uživatele použijeme k dokončení instalace.

# su - master

Krok 3. Instalace NodeJS a NPM

Existuje několik způsobů instalace NodeJS i NPM. V tomto článku je nainstalujeme pomocí zdroje uzlu. Pokud jde o jiné metody, můžete se podívat na náš blogový příspěvek o tom, jak nainstalovat NodeJS a NPM.

$ curl -sL https://deb.nodesource.com/setup_14.x | sudo -E bash -

Po dokončení musíme stáhnout informace o balíčku z nově přidaného zdroje výše.

$ sudo apt update

Dále spusťte následující příkaz a nakonec nainstalujte NodeJS a NPM.

$ sudo apt install nodejs

NodeJS a NPM byly úspěšně nainstalovány, nainstalovanou verzi můžete zkontrolovat pomocí tohoto příkazu:

$ node -v; npm -v

Krok 4. Instalace Gatsby-CLI

Gatsby CLI je hlavním vstupním bodem pro spuštění a spuštění aplikace Gatsby. Je zabalen jako spustitelný soubor, který lze používat globálně. Gatsby CLI můžeme nainstalovat přes npm.

$ sudo npm install -g gatsby-cli

Chcete-li zkontrolovat nainstalovanou verzi rozhraní Gatsby CLI, spusťte tento příkaz:

$ gatsby --version

Nyní vytvoříme nový web Gatsby, kterým můžete nahradit „gatsby_site ” s libovolným jménem.

$ gatsby new gatsby_site

Počkejte několik okamžiků a vytvoří se nový adresář „gatsby_site“.

Pro vývoj Gatsbyho a jeho spuštění použijte níže uvedený příkaz.

$ cd gatsby_site
$ gatsby develop -H 0.0.0.0

Měli byste mít přístup ke svému webu Gatsby na adrese http://YOUR_SERVER_IP_ADDRESS:8000 , stiskněte CTRL + C, pokud jej chcete zastavit.

Nyní pojďme vytvořit náš web Gatsby:

$ gatsby build

gatsby build příkaz je součástí Gatsby CLI. Spusťte gatsby build k vytvoření verze vašeho webu připravené k produkci, až budete připraveni web publikovat. Svůj web Gatsby můžete také nasadit na GitHub a nastavit kanál CI/CD (Continuous Integration and Continuous Deployment).

Krok 5. Instalace PM2

Process Manager (PM2) vám umožní udržet aplikace navždy při životě, znovu je načíst bez prostojů a usnadnit běžné úlohy správy systému. Vyvolejte níže uvedený příkaz a nainstalujte PM2 na váš Ubuntu 20.04 globálně.

$ sudo npm install pm2 -g

Po instalaci PM2 můžeme spustit tyto příkazy a spustit náš web Gatsby na portu 8000.

$ cd ~/gatsby-site
$ pm2 start gatsby --name mygatsby -- serve -p 8000

Krok 6. Instalace a konfigurace NGINX

Vaše instalace Gatsby je nyní dokončena a měli byste k ní mít přístup na veřejné IP serveru s číslem portu 8000. Pokud však chcete přistupovat ke svému webu Gatsby pomocí názvu domény nebo názvu subdomény místo zadávání IP adresy serveru a číslo portu v URL, budete muset na svém serveru nakonfigurovat reverzní proxy.

V tomto kroku vám ukážeme, jak implementovat reverzní konfiguraci proxy pomocí Nginx. Nginx je výkonný a vysoce výkonný webový server, který se zaměřuje na přizpůsobení a výkon.

Nejprve nainstalujte Nginx pomocí následujícího příkazu:

$ sudo apt install nginx

Na Ubuntu 20.04 je Nginx nakonfigurován tak, aby se spustil po instalaci, můžete to zkontrolovat spuštěním tohoto příkazu:

$ sudo systemctl status nginx

Po instalaci vytvořte nový konfigurační soubor bloku serveru Nginx. Nahraďte yourdomain.com se skutečným názvem domény nebo subdomény:

$ sudo nano /etc/nginx/sites-enabled/yourdomain.com.conf

Přidejte do souboru následující obsah:

server {

    listen 80;

    server_name yourdomain.com;
    location / {
        proxy_pass http://localhost:8000;
        proxy_http_version 1.1;
        proxy_set_header X-Forwarded-Host $host;
        proxy_set_header X-Forwarded-Server $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header X-Forwarded-Proto $scheme;
        proxy_set_header Host $http_host;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection "Upgrade";
        proxy_pass_request_headers on;
    }
    location ~ /.well-known {
       allow all;
    }
}

Uložte soubor stisknutím CTRL + O poté stiskněte CTRL + X ukončete editor nano a restartujte Nginx.

$ sudo systemctl restart nginx

Krok 7. Instalace certifikátu SSL

Tento krok je volitelný, ale důrazně doporučujeme jej dokončit. Nainstalujeme bezplatný certifikát SSL od společnosti Let’s Encrypt.

$ sudo apt install python3-certbot-nginx -y

Po dokončení můžeme spustit tento příkaz a nainstalovat certifikát SSL.

$ sudo certbot

Budete požádáni o vaši e-mailovou adresu, přijměte podmínky Let’s Encrypt TOS a zda chcete svou e-mailovou adresu sdílet s Electronic Frontier Foundation nebo ne. Poté si musíte vybrat, pro která jména chcete HTTPS aktivovat. Vyberte svůj web Gatsby zadáním čísla a stisknutím klávesy ENTER. Let’s encrypt nainstaluje certifikát a zeptá se vás, zda chcete nakonfigurovat přesměrování HTTP na HTTPS nebo ne, můžete zvolit přesměrování, poté certbot vytvoří přesměrování a znovu načte Nginx, pokud je vše v pořádku.

Nyní byste měli mít přístup ke svému webu Gatsby v režimu HTTPS na adrese https://yourdomain.com , můžete pokračovat ve vytváření aplikace pomocí Gatsby.

Samozřejmě se nemusíte tahat za vlasy, abyste si nainstalovali Gatsby na Ubuntu 20.04, pokud máte spravovaný hostingový plán Linux VPS hostovaný u nás. Pokud tak učiníte, můžete jednoduše požádat náš tým podpory, aby vám Gatsby na Ubuntu 20.04 nainstaloval. Jsou k dispozici 24 hodin denně, 7 dní v týdnu a budou vám schopni pomoci s instalací Gatsby, stejně jako se všemi dalšími požadavky, které můžete mít.

PS. Pokud se vám líbilo čtení tohoto blogového příspěvku o tom, jak nainstalovat Gatsby na Ubuntu 20.04, můžete jej sdílet na sociálních sítích pomocí níže uvedených zkratek nebo jednoduše zanechat komentář v sekci komentářů. Děkuji.