CMSを使ってみたくなったのでGatsbyを使ってブログ作ってみました。登場人物Netlifyhttps://www.netlify.com/Netlifyとは静的ホスティングサービスですが、S3とは違いGitHubのpush契機にBuildが走るCI機能などが充実していてこれでOK感ある。Identityという認証も用意されているのでCMSサイトも作れちゃう。Buttonがデザインよくてかっこいいという印象がもともと強かったです。CMShttps://www.netlifycms.org/NetlifyにGithubへのアクセスキーを持たせることで、CMS上でコンテンツを編集、GithubへのPushを一気にやってしまうことができます。乗っけることができるので、CMSで編集しながらにしてレポジトリはぐちゃぐちゃにならない。これ結構いいアイディア!Gatsbyhttps://www.gatsbyjs.org/便利便利といったものの、一からCMSを作るのはそれなりに骨が折れます。思っていたら最近はGatsbyというReactで作られたCMSがありました。公式に載っていた図を見ると数多のDatasourceにGraphQLで接続し、Reactで静的なページを作るという感じ。MarkdownをGithubにPostすれば完全に求めている感じのことができそう。cloneしてきます。ローカル上で動かしてみます。startするとコーヒー屋さん(?)のページが出てきます。このままだとコーヒーショップを経営することになるのでゴリゴリReact書いていい感じにしてください。CMSの要素は残す必要があるため、ComponentsのTemplateを編集するときはMarkdownで定義している要素に過不足なくするようご注意ください。私が慣れていないだけですが、GraphQLでエラーが出るとエラーがめっちゃ追いにくい・・・。Netlifyのアカウント用意する無事サイトができたら、Netlifyに挙げていきます。アカウントを作ってGithubと連携するとDeployするレポジトリを選択できます。今回はblogというレポジトリを作りましたのでそちらを連携させます。画面に沿って進んでいけば、特に追加の設定なくサイトがDeployできると思います。Deployできるとデプロイ先のURLが発行されます。独自ドメインを持っていましたらここで設定してしまえばいいと思います。DomainsCMSの管理画面を設定する無事にDeployできましたら、CMSの管理画面を設定します。Membersから、アカウントを作成し登録します。設定がうまくいっていればログイン画面からコンテンツの編集画面が開けます。CMSから記事を登録したい(GithubにCMSからPushしたい)時は追加でGitGatewayを設定します。人のGatsbyを見るとTravisとか使ってCI回している・・。