このチュートリアルでは、Ubuntu 20.04 LTSにGatsbyをインストールする方法を紹介します。知らなかった方のために、GatsbyはReactベースのGraphQLを利用した静的サイトジェネレーターです。ビルド時間Gatsbyはすべてのデータをフェッチし、ウェブサイト全体を静的HTML、CSS、JSファイルにレンダリングし、その時点で利用可能なデータを使用します。静的ファイルを生成するため、Gatsbyアプリケーションはどこにでもデプロイできます。
この記事は、少なくともLinuxの基本的な知識があり、シェルの使用方法を知っていること、そして最も重要なこととして、サイトを独自のVPSでホストしていることを前提としています。インストールは非常に簡単で、ルートアカウントで実行されていますが、そうでない場合は、'sudoを追加する必要があります。 ‘ルート権限を取得するコマンドに。 Ubuntu 20.04（Focal Fossa）にGatsbyを段階的にインストールする方法を紹介します。 Ubuntu 18.04、16.04、およびLinuxMintなどの他のDebianベースのディストリビューションでも同じ手順に従うことができます。
前提条件
- 次のオペレーティングシステムのいずれかを実行しているサーバー：Ubuntu 20.04、18.04、およびLinuxMintやエレメンタリーOSなどの他のDebianベースのディストリビューション。
- 潜在的な問題を防ぐために、OSの新規インストールを使用することをお勧めします。
non-root sudo userまたはroot userへのアクセス 。non-root sudo userとして行動することをお勧めします ただし、ルートとして機能するときに注意しないと、システムに害を及ぼす可能性があるためです。
Ubuntu 20.04 LTSFocalFossaにGatsbyをインストールする
手順1.まず、次のaptを実行して、すべてのシステムパッケージが最新であることを確認します。 ターミナルのコマンド。
sudo apt update sudo apt upgrade sudo apt install build-essential
ステップ2.Node.jsをインストールします。
次に、Node.jsリポジトリをシステムに追加します：
curl -sL https://deb.nodesource.com/setup_12.x | sudo -E bash - sudo apt install nodejs
次に、Node.jsのバージョンをチェックして、次の機能で動作することを確認します。
nodejs -v
そしてNPMバージョンも確認してください：
npm -v
ステップ3.Ubuntu20.04にGatsbyをインストールします。
Gatsby CLIはnpmから利用できます。次のコマンドを実行してgatsby-cliをインストールします：
npm install -g gatsby-cli
Gatsbyが正しくインストールされていることを確認してください：
gatsby -v
ステップ4.ギャツビーサイトを構築する。
次に、最初のGatsbyテストサイトを作成します：
gatsby new hello-world https://github.com/gatsbyjs/gatsby-starter-hello-world
このコマンドは、hello-worldというディレクトリを作成し、そこにテストサイトをダウンロードしました。これで、次のコマンドでスターターサイトを実行できます。
cd hello-world gatsby develop
ステップ5.ギャツビーサイトへのアクセス。
完全に正常にインストールされると、Gatsbyサイトはhttp://localhost:8000で実行されます。 Hello world！
おめでとうございます！Gatsbyが正常にインストールされました。Ubuntu20.04LTS Focal FossaシステムにGatsbyをインストールするためにこのチュートリアルを使用していただき、ありがとうございます。追加のヘルプや役立つ情報については、Gatsbyの公式Webサイトを確認することをお勧めします。 。