miya-masa

しがないエンジニアのWebサイト

gatsby x netlify x netlify-cms のサイトリニューアル

2019-09-29T13:11:12.497Z miya-masagatsby

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

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

進め方

ページの更新は 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
  • slugidentifier 属性は便利だった。
  • admin/config.yml はよしなに合わせる

コンタクトページの不備

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

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

総評

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