Webサイトを作った当初、何も考えず適当に選んだスターターが好きになれなかったのでリニューアルした。その時の気づいた事メモ。

やったこと/気づいたこと

• 使ったテンプレートはここ -> https://github.com/greglobinski/gatsby-starter-hero-blog

進め方

ページの更新は npm run develop しながら進めた。

1. 別のリポジトリに新しいサイトのスターターをクローン
2. メタ設定書き換え
3. 不要なページの削除
4. 静的ページの書き換え
5. netlifyとnetlify-cmsの設定
6. 既存のブログのリポジトリへコピー（ .git 以外全て）
7. Push！！！

気づいた事

環境変数

• netlifyは環境変数を設定できるので、そこで設定した

algolia の設定

• Webサイトに従って進めただけ

netlify-cms周りの設定

• admin/config.yml と admin/index.html を追加

  • ここを参照するとよい。
• yarn add netlify-cms
• slug に identifier 属性は便利だった。
• admin/config.yml はよしなに合わせる

コンタクトページの不備

テンプレートがおかしかったのか、修正が必要だった。

• コンタクトページのPost先を / -> /contact に修正
• bot-fieldを追加した

総評

• テンプレートが優秀だったのでほとんど難なく進められた！ほんとすばらしい。