Ubuntu20.04にGatsbyをインストールします

Gatsbyは、ウェブサイトやアプリを作成するための超高速で素晴らしいReactベースのオープンソースフレームワークです。

ここLinuxAPTでは、サーバー管理サービスの一環として、Gatsbyソフトウェアを使用して関連するWebサイト開発クエリを実行するためにお客様を定期的に支援しています。

これに関連して、Ubuntu20.04LTSにGatsbyをインストールする方法を検討します。

UbuntuにGatsbyをインストールする手順

Gatsbyを正常にインストールするには、以下の手順に従う必要があります。

1.システムを更新する

ソフトウェアのインストールを実行する前に、システムを常に最新の状態に保つことをお勧めします。したがって、これを行うには、次のコマンドを実行するだけです。

$ sudo apt update

2.ノード、NPM、Gitのバージョンを確認します

ここでは、システムが最新のNode.js、NPM、およびGitパッケージを実行していることを確認する必要があります。以下のコマンドでそれを行う方法は次のとおりです。

$ node --version
$ npm --version
$ git --version

上記のパッケージのいずれもシステムにインストールされていない場合は、最初にそれらをインストールする必要があります。次のコマンドを使用します：

$ sudo apt install node
$ sudo apt install npm
$ sudo apt install git

3.Gatsby.jsCLIをインストールします

特定のプロジェクトディレクトリにインストールされる可能性のある他のパッケージとは異なります。 Gatsbyはグローバルにのみインストールされます。ローカルまたはディレクトリ固有のノードパッケージはsudoなしでインストールできますが、グローバルパッケージはsudoを使用してのみインストールできます。

次に、次のコマンドを実行します。

$ sudo npm install -g gatsby-cli

Gatsbyを使用して新しい静的Webサイトを作成するにはどうすればよいですか？

Gatsby.jsがインストールされると、新しい静的Webサイトの作成を開始する準備が整います。

次のコマンドを使用して、新しいディレクトリを作成することから始めます。

$ mkdir gatsbySite

次に、次のコマンドでディレクトリを変更します。

$ cd /gatsbySite

最初のサイトを作成するには、次のコマンドを実行するだけです。

$ gatsby new

ここで、Gatsbyは、サイト名、Webサイトの特定のフォルダー名、プラグインの詳細など、いくつかの質問をします。

それらすべてに答えると、サイトが作成されます。

Webサイトをローカルに表示するローカルサーバーを開始するには、次のコマンドを実行するだけです。

$ npm run develop

これで、http：// localhost：8000/のローカルサイトにアクセスできます。