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などのファイルを編集し、保存すると画面をリロードせずに反映されます。
あとは必要なコンテンツやプラグインを導入していきます。
次回は、サーバへのデプロイを書きたいと思います。