All Articles

Gatsby + Netlify + Netlify CMS で、ブログ公開してみて

2019/06/05


所感

Qiitaとか、個人ブログの「Gatsby / Nelify / Netlify CMS」関連の記事をみつつ、作業。

行きつ戻りつしつつ、全体で、3時間程かかった。

(公開できたけど、CMS使えないので、やり直したりしたため)

一度、これらツールと手順で、公開作業を覚えたら、別途新しくサイト公開する際に、1時間かからなさそうで、よい。

webページのコンテンツの管理もGithub、管理画面(Netlify CMS)なので、楽で良い。


やったこと

ざっくり言うと、Githubにリポジトリ作成し、Gatsbyで作ったアプリをPush。その後、Nelifyで該当するGithubのレポジトリを連携。これだけ。

  1. Gatsbyコマンドを、インストール
  2. Gatsbyコマンドで、アプリ作成(※既存のテンプレートからcloneして作成。その後、npm install (or yarn install)をせずに、ちょっとハマッタ。。。)
  3. Githubにリポジトリ作成し、GatsbyアプリをPush
  4. Netlifyで、上記のGithubのレポジトリを連携設定

はまったこと

今回、ブログ書く際の管理画面を使いたかったため、「Nelify CMS」を使って対応することにした。ただ、最初にブログ公開作業をした際に、なぜか、「Netlify CMS」の管理画面にうまくアクセスできず、最初からやり直した。

別の記事を参考にやりおなしたら、管理画面のアクセスまで正常にできた。

あとで、手順をまとめたい。