Gatsbyでのブログの始め方

WordPressからgatsby-starter-blogに移行してみましたので、移行した経緯などを書いておきたいと思います。
前回の記事(概要編):WordPressからgatsby-starter-blogに移行する。

環境

  • Windows10(ローカル開発・WSL2でUbuntu-20.04を使ってます。)
  • VsCode(Remote WSLでコード編集しています。)
  • Node.js

Node.jsのインストールについては、以下の記事を参考にさせて頂きました。
Node.JSとは何か
Node.jsをLinux用Windowsサブシステム (WSL2) にインストールする

Gatsbyをインストールする

こちらもMicrosoftの記事を参考にさせて頂きました。
Windows上でGatsby.jsを使ってみる

Gatsby.jsプロジェクトを作成する際に「Gatsby’s blog starter」のURLを指定します。

gatsby new [プロジェクト名] https://github.com/gatsbyjs/gatsby-starter-blog 

これで作成した後、プロジェクト名のフォルダに入り、「gatsby develop」で開発モードを開始します。

cd [プロジェクト名]/
gatsby develop

開発用のURL http://localhost:8000 にアクセスするとコンテンツが表示されます。
ホットリロードなので、src/pages/index.jsなどのファイルを編集し、保存すると画面をリロードせずに反映されます。

あとは必要なコンテンツやプラグインを導入していきます。

次回は、サーバへのデプロイを書きたいと思います。

カテゴリ:技術記事
Profile picture

Yasutou Hoshino Twitter:@yasutouhoshino