ターゲット

QiitaやZennを卒業して、初めて自分用のブログを作ってみたい！！と思っているあなた
私と一緒にやっていきましょう

ディレクトリ作成

gatsbyをグローバルインストール

npm i -g gatsby

contentfulを使ったgatsbyのテンプレディレクトリを作成

npx gatsby new my-homepage https://github.com/gatsbyjs/gatsby-starter-contentful-homepage

cd my-homepage

自力で作成してもいいんですが、
npm run setupでメモした情報を指示された内容に沿ってコピペしていくと、環境変数ファイルが自動で作成される

npm run devでローカル起動されたサンプルサイトがhttp://localhost:8000/ に立ち上がる

かっこええやん！！！

Gatsby Cloudに新規登録を行う

GitProviderとしてGithubなりGitbucketなり自分がpushしたサービスを選択

あとは流れに任せていってPublishedステータスになれば完了

画面上部にあるURLをクリックするとデプロイされたサイトを確認できる

モバイルも良い感じ

Netlifyなどの統合もできるようですが、一応これだけでもGitからの自動デプロイまで勝手にやってくれるようです。

理解してしまえば簡単なんですが、意外と情報が少なくて苦戦しました、、、