Github と netlify で CI/CD 環境を作る

Github にプッシュした際に netlify でビルド・デプロイを自動的に実行させます。

Last Modified: 2025/02/25



今回は既に netlify でサイトがデプロイされていてコードは Github で管理されていること前提とします。

まず、netlify の Deploy ページで「Deploy settings」を選択します。

下にスクロールし、「Build hooks」にて Build hook を追加します。 そして、任意の Build hook 名を記載し、保存します。

保存すると hook 用の URL が出力されるのでコピーします。

次に Github の管理しているリポジトリで、「Actions」のタブをクリックし、「set up a workflow yourself」をクリックします。(既存の workflow がある場合は「New workflow」からこのページに飛べる)

編集画面で以下のように記載し、保存 (commit) します。 curl 部分の URL は先ほどコピーした URL を貼り付けます。

name: Deploy netlify site

on: 
  push: 
    branches: [main]
jobs:
  build:
    runs-on: ubuntu-latest

    steps:
    - uses: actions/checkout@v3
    
    - name: "Deployed site"
      run: curl -X POST -d {} https://api.netlify.com/build_hooks/XXXXXX

これで完了です。push することで netlify にてコードのビルド・デプロイまでやってくれます。

参考

https://medium.com/@libint20/simple-ci-cd-setup-for-your-netlify-website-using-github-actions-1fda953f99f5