SAKU BLOG

Are you ready? I'm done

Gatsbyの始め方

事前準備

パッケージマネージャーをインストールしてください。今回はnpm、 yarnがインストールされていることを前提にしています。この記事では、npmで説明していきます!


インストール

公式サイトを開きます。

Gatsby.js公式サイト

Get Startedをクリックします。

Quick Startをクリックします。


Quick Start

Quick Start ページにある、インストール手順は下記の通りです。

まずはGatsby CLIをインストールします。

npm install -g gatsby-cli

-gはグローバルインストール

次に作業フォルダを作成します。

gatsby new gatsby-site

次に作業フォルダに移動します。

cd gatsby-site

最後にサーバーを起動し、インストールが無事にできているか確認します。

gatsby develop

ブラウザを開き、

http://localhost:8000
にアクセス

宇宙服を着た紫色のおじさんが出てきたら成功。お疲れ様でした!!