Gatsby è un framework open source basato su React super veloce e fantastico per la creazione di siti Web e app.
Qui a LinuxAPT, come parte dei nostri servizi di gestione del server, aiutiamo regolarmente i nostri clienti a eseguire query relative allo sviluppo di siti Web utilizzando il software Gatsby.
In questo contesto, esamineremo come installare Gatsby su Ubuntu 20.04 LTS.
Passaggi per installare Gatsby su Ubuntu
Per installare Gatsby correttamente, devi seguire i passaggi seguenti.
1. Aggiorna il sistema
Prima di eseguire qualsiasi Installazione del Software, si consiglia sempre di mantenere aggiornato il sistema. Quindi, per fare ciò, esegui semplicemente il comando seguente:
$ sudo apt update
2. Controlla la versione Node , NPM e Git
Qui, devi verificare che il tuo sistema stia eseguendo pacchetti Node.js, NPM e Git aggiornati. Ecco come farlo con i seguenti comandi:
$ node --version
$ npm --version
$ git --version
Se nessuno dei pacchetti di cui sopra è installato sul tuo sistema, dovresti prima installarli. Usa il comando seguente:
$ sudo apt install node
$ sudo apt install npm
$ sudo apt install git
3. Installa Gatsby.js CLI
A differenza di altri pacchetti che potrebbero essere installati in una directory di progetto specifica. Gatsby verrà installato solo a livello globale. Un pacchetto del nodo locale o specifico della directory può essere installato senza sudo, ma un pacchetto globale può essere installato solo usando sudo.
Ora esegui il comando seguente:
$ sudo npm install -g gatsby-cli
Come creare un nuovo sito web statico con Gatsby?
Una volta installato Gatsby.js, siamo pronti per iniziare a creare nuovi siti Web statici.
Inizia creando una nuova directory con il comando seguente:
$ mkdir gatsbySite
Quindi cambia la directory con il comando seguente:
$ cd /gatsbySite
Ora per creare il tuo primo sito, esegui semplicemente il seguente comando e sei a posto:
$ gatsby new
Qui, Gatsby ti farà alcune domande come qual è il nome del tuo sito, il nome della cartella specifica del tuo sito Web e alcuni dettagli del plug-in.
Dopo aver risposto a tutti, verrà creato il tuo sito.
Per avviare un server locale che ti mostrerà il tuo sito web in locale, esegui semplicemente il comando:
$ npm run develop
Ora puoi accedere al tuo sito locale su http://localhost:8000/.