Gatsbyの公式ブログスターターを利用してブログを作成する

Gatsbyの公式ブログスターターを利用し、ローカル環境でブログサイトを起動する。

目次

npmを利用してGatsbyクライアントをインストール

npmバージョン確認

> npm --version
9.5.0

Gatsbyクライアントのインストール

> npm install -g gatsby-cli

バージョン確認

> gatsby -v
Gatsby CLI version: 4.16.0

スターターからサイト作成

スターターライブラリの一覧からデモを見ながら好きなスターターを選択する。 Gatsby Starter Library

サイト作成

今回は、公式ブログスターターを利用する。

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

ローカル環境(PC)でブログサイトを起動

developを指定して開発モードで起動する。

cd my-blog
gatsby develop

サイトへアクセスする

ブラウザからサイトへアクセスする
http://localhost:8000