NetlifyとContentfulの自動デプロイ設定

Thu, Nov 10, 2022

おはようございます

以前の記事でも書いたように、Gatsbyを用いてブログを構築した場合は、更新のために記事投稿ごとに手動でビルド&デプロイが必要との認識でした。

しかしNetlifyとContentful側の設定で、簡単に記事投稿時に自動でビルド&デプロイできるように設定できるとのことがわかりましたので今回はその件について紹介します。

NetlifyのSite SettingからBuild&Deployを選択し、任意の名前でBuild hooksを作成します。 スクリーンショット 2022-11-11 5.48.16

作成されたBuild hooksをコピーします。 スクリーンショット 2022-11-11 5.49.49

 ContentfulのSettingからWebhooksを選択し、 スクリーンショット 2022-11-11 5.53.40

Netlifyを選択、先ほどコピーしたBuild hooksを入力します。 スクリーンショット 2022-11-11 5.55.21スクリーンショット 2022-11-11 5.57.08

これだけで設定完了です。

設定画面では、どのタイミングでビルドを実行させるかの選択可能です。 スクリーンショット 2022-11-11 5.58.22


Gatsbyを用いる際の懸念点だった、記事投稿時のデプロイの設定が簡単にできて驚きました。 Contentfulは非エンジニアが使うには少し難しいところもあるのですが、
代わりにWordPressをヘッドレスCMSとして用いたりすれば、Gatsbyを用いたWebサイトを一般のクライアント様相手にも導入することができそうですね。

プロフィール

shuta

フリーランスのフロントエンドエンジニア

React、React系のフレームワークを用いた開発をメインに行なっています

カテゴリ

©free 技術log all rights reserved.