概要 Next.jsでヘッドレスCMS構成で開発したアプリケーションを、Netlifyに自動デプロイしてみます。 コンテンツ更新経路(やりたい運用)は次のようになります。 通常は高速にビルド済みの静的サイトが表示されている。 運用者(業務部門)がmicroCMSでニュースを更新すると、Netlifyで自動ビルドが走りサイト(ニュースリリース部分)が更新される。 開発者(制作・システム部門)がGitHubにソースをPUSHすると、Netlifyで自動ビルドが走りサイト(テンプレート部分や個別ページ部分)が更新される。 準備 Next.jsでヘッドレスCMS構成でアプリケーションを作成しておきます。 環境構築や、簡単なアプリケーションのつくり方は以下を参考にしてみて頂ければと思います。 ヘッドレスCMSはmicroCMSを用いますが、contentful等でも同じだと思います。 本記事では簡単
![Next.jsヘッドレスCMS構成でNetlifyにデプロイしてみる](https://cdn-ak-scissors.b.st-hatena.com/image/square/fa7892494805c1eb6debd8755037ec263566be4a/height=288;version=1;width=512/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--R99uDFlb--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3ANext.js%2525E3%252583%252598%2525E3%252583%252583%2525E3%252583%252589%2525E3%252583%2525AC%2525E3%252582%2525B9CMS%2525E6%2525A7%25258B%2525E6%252588%252590%2525E3%252581%2525A7Netlify%2525E3%252581%2525AB%2525E3%252583%252587%2525E3%252583%252597%2525E3%252583%2525AD%2525E3%252582%2525A4%2525E3%252581%252597%2525E3%252581%2525A6%2525E3%252581%2525BF%2525E3%252582%25258B%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3ATatsuki%252520Tani%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9saDMuZ29vZ2xldXNlcmNvbnRlbnQuY29tL2EtL0FPaDE0R2pfY2xYa2l0enRJRWtyTGVGV1UweFU5WXMwUlMyVW8zVHJCTVNTPXM5Ni1j%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png)