CMSとGatsbyJSで作られています。導入がかなり簡単で↓こちらの記事の通りに進めるだけですぐに公開できました。CMSで作ったブログをカスタマイズする備忘録として、記事を書いてから公開されるまでのフローをまとめてみます。前提(Github連携、下書き機能)前提として、GithubリポジトリとNetlifyを連携しているので、masterブランチにpushされる度にNetlifyでデプロイが走るようになっています。CMSの下書き機能を使用しているので、Githubのプルリクエストと連動するようにしています。Githubのリポジトリを公開しているので下書きの意味は全く無いですが。下書き機能についても↓こちらの記事を参考にしました。記事を書いて保存する記事を書いてSaveボタンを押します。GithubにPRが作られるmasterブランチに向けてプルリクエストが作られます。記事のマークダウンファイルが生成されたコミットができあがります。GitHub生成されたマークダウンはこんな感じです。記事をPublishするPublishボタンを押します。PRがマージされるプルリクエストがマージされて、masterブランチが更新されます。Netlifyでデプロイが走るデプロイが走り、サイトが更新されます。Gatsbyのビルドが走るデプロイで、Gatsbyのビルドが走ります。記事のhtmlファイルが生成されるGatsbyのビルドによって、記事のhtmlファイルが生成されます。この時に、マークダウンファイル→GraphQLでデータを取得→Reactで描画させてhtmlを吐き出しているのかなと思います。ここらへんはまだ把握していません。ローカルでビルドしてみるとpublic/配下に記事のフォルダができていて、htmlファイルが生成されいてるのがわかります。記事が公開されるデプロイが完了して記事が公開されます。まとめ以上が、記事作成〜公開のフローです。GithubのPRと連携しててイメージしやすくて良い感じです。データを公開したくなければ、GithubのプライベートリポジトリやGitlabを使えばOKです。これだけの機能が無料でできちゃうのがすごいです。良くない点としては、デプロイの度に走るGatsbyのビルドに時間がかかる点です。記事の数が増えれば増えるほど時間がどんどんかかっていくのでしょうか。Gatsbyについてそこまで把握してないので、これからやっていきたいです。kwst.site.。