Gatsby スターターキットを使用して "Hello World" を表示する方法


まず、Gatsby スターターキットをインストールする必要があります。以下のコマンドを実行して、Gatsby CLI をグローバルにインストールします。

npm install -g gatsby-cli

インストールが完了したら、新しい Gatsby プロジェクトを作成します。以下のコマンドを実行します。

gatsby new my-blog https://github.com/gatsbyjs/gatsby-starter-hello-world

これにより、"my-blog" という名前の新しいディレクトリが作成され、Gatsby スターターキットのコードがダウンロードされます。

次に、新しいディレクトリに移動します。

cd my-blog

そして、Gatsby 開発サーバーを起動します。

gatsby develop

開発サーバーが起動したら、ブラウザで http://localhost:8000 を開くと、"Hello World" と表示された Gatsby サイトが表示されます。

このスターターキットは非常にシンプルなものですが、Gatsby の基本的な機能を理解するのに役立ちます。このスターターキットを拡張して自分のブログを作成することもできます。

以上が、Gatsby スターターキットを使用して "Hello World" を表示する方法です。これにより、Gatsby の基本的なセットアップが完了し、自分のウェブサイトやブログを構築する準備が整います。