背景

Netlifyは便利です。GitHubでのPUSHを契機にしてNetlifyでbuild、deployが実行されます。

しかし、調子に乗ってしまうと(調子に乗らなくても)このbuildのクレジットがなくなってしまいます。以下はあと4日の状態で、300クレジットのうち246が使用されています。

Netlifyに7ドル支払った話(GitHub ActionsでNetlifyにデプロイする)

これでも自分の中では気を遣っています。できればもっとPUSHしたいのですがbuildされてしまうのでローカルでのcommitにとどめているんです。作業の中で、リモートのPUSHまでしないと、精神的に不安だったりしますので。

対策:GitHubでbuildとdeployする

Netlifyの無料ユーザーは300分のクレジットで、一方GitHub無料ユーザーは2000分のクレジットがあります。そのため、GitHubででbuildしてみようと考えました。

同じようなことを考えている人がいまして、以下の記事が参考になりました。

Netlifyのbuild時間をなくすためにSSG対応のGithub Actionsを設定しました。

実際に採用した方法

以下のツールを使用しました。

https://github.com/nwtgck/actions-netlify

で、書いたのがGitHubActionsのyamlがこれです。

        # Deploy to Netlify with a personalized message
        - name: 🚀Deploy to Netlify
          uses: nwtgck/actions-netlify@v1.2
          with:
            publish-dir: './public'
            production-branch: main
            deploy-message: "Deploy from GitHub Actions"
            enable-pull-request-comment: false
            enable-commit-comment: true
            overwrites-pull-request-comment: true
          env:
            NETLIFY_AUTH_TOKEN: ${{ secrets.NETLIFY_AUTH_TOKEN }}
            NETLIFY_SITE_ID: ${{ secrets.NETLIFY_SITE_ID }}
            timeout-minutes: 1