Contentful のデータが更新されたときに自動で Netlify でビルドが実行されるようにする

[inouetakuya]

解決したい問題

Contentful でデータが更新（追加を含む）されたタイミングで、現状、Netlify で自動でビルドが実行されないこと。結果として Contentful でスポンサー情報が追加されても、手動でビルドされるまで Web サイトに反映されない。

問題を解決するために

Contenful と Netlify との連携設定を行う。

Contentful でデータが更新されたタイミングで Netlify で自動でビルドが実行されるようになる。結果、最新のスポンサー情報が Web サイトに反映される。

この Issue の完了条件

• Contentful から Sponsor データを取得する by ryamakuchi · Pull Request #55 · kazupon/vuefes-2019 がマージされること @ryamakuchi
• Contentful と Netlify との連携設定が完了すること（あとでどなたかにお願いします）
• Contentful でデータ更新後に、Web サイトに情報が反映されていることが確認されること @inouetakuya

手順

• Contentful にログイン後、ヘッダーから「Apps」メニューを選択する
• 「Enable alpha feature」ボタンをクリック
• Netlify を「Install」ボタンをクリックすると、連携画面へ遷移する

---

Netlify App – Contentful
https://www.contentful.com/developers/docs/extensibility/apps/netlify/

の Usage 以下に連携方法の手順が書かれている。

Step 2: Configure Netlify sites to build from Contentful

では、

• Netlify site: を vuefes-2019 にする
• Display name: を Production にする

[kazupon]

@inouetakuya 設定しました！

[inouetakuya]

ありがとうございます！🙌

[inouetakuya]

6/24 14:13 現在、Draft 状態のものがあるので、これらが Published になったタイミングで Netlify でビルドが自動で実行されて、データの更新が反映されるかを確認します。

[kazupon]

一応ログ。

[naokie]

@inouetakuya
株式会社ラクス、レビュー終わったので Publish しました。

[inouetakuya]

@kazupon

すみません、いま気付いたのですが、設定した Organization と Workspace が異なるようです（下記）

やっていただきたいこと

1. 一旦、昨日連携していただいた Netlify 連携を Uninstall してください
2. ログイン後に、ヘッダーの左端から、

• Organization: vuejs-jp
• Space: vuefes-2019

に切り替えてから、Netlify 連携を行ってください。

案内が不適切で申し訳なかったです。よろしくお願いしますー 🙇

おまけ

なお、

の Organization と Space は紛らわしいので、あとで作成された方に確認して、削除しておきます〜

[kazupon]

@inouetakuya
設定しなおしました。

[inouetakuya]

ありがとうございます！！

[inouetakuya]

note が Publish された後に反映されることを期待！

[inouetakuya]

6/27（木）20:00 現在

メドピアなどが掲載されているべきだが、掲載されていない。

Contentful の設定はされているのだが... なぜ...？

[inouetakuya]

@treby @positiveflat @naokie
CC: スポンサー班
CC: @kazupon @ryamakuchi @448jp

Contentful から Build ボタンを押す必要があった

に書いたように、スポンサー情報を更新（Publish や情報編集など）後に、Contentful から Build ボタンを押すと、Netlify のビルドが実行されて反映される、という仕組みのようです（動作確認済み）

ref: kazupon/vuefes#429 (comment)

PREVIEW って書いているけど

PREVIEW って書いていますけど、公開している Vue Fes のサイトに表示されます（PREVIEW とは... という気持ち 😇）

お気を付けください ☺️

[treby]

ありがとうございます、
https://vuejs-jp.esa.io/posts/209 に追記しました

[inouetakuya]

私のほうでも https://vuejs-jp.esa.io/posts/209 を編集したのでクローズする ☺️