microCMSの画像類一式をNextの生成物の中に含めるためのコード。独自ドメイン配下に画像類を置くことができるように。
- microCMSのサービスID,APIキー発行
- microCMSでwebhook設定(webhook設定参考1, webhook設定参考2)
- GHAに環境変数(microCMSのサービスID,APIキー)のセット
- GHのアクセストークン発行(有効期限があるため、期限切れをalertする仕組みなども別途必要)
npm run assetsでmicroCMSから画像類ダウンロード(public/assetsに格納)npm run buildで静的生成
<img src="画像類の向き先">を環境ごとに変更する
ローカルサーバーではmicroCMSから取得してprodのみでassetsは以下のものを使う方が良さそう