カートに入れました

Github ActionsでNetlifyに上げたら上手く表示されなかった

GithubActionsを使ってデプロイしたらページが見つからないとなってしまった。

.github/workflows/netlify.yml

name: Netlify

on:
  push:
    branches:
      - main

jobs:
  build:
    runs-on: ubuntu-20.04

    steps:
      - uses: actions/checkout@v2

      - name: Setup Node
        uses: actions/setup-node@v2
        with:
          node-version: '14.x'

      - run: npm ci
      - run: npm run build
        env:
          NODE_ENV: "production"

      - name: Deploy
        run: npx netlify-cli deploy --dir=./.next --prod
        env:
          NETLIFY_AUTH_TOKEN: ${{ secrets.NETLIFY_AUTH_TOKEN }}
          NETLIFY_SITE_ID: ${{ secrets.NETLIFY_SITE_ID }}

secretsの設定も問題ない

デプロイもできている...

・・・

しばらく調べてみた結果

How to Deploy Next.js to Netlify Manually

を見るとプラグイン入れて

yarn add -D @netlify/plugin-nextjs

netlify deploy --build --prod

でいける？

早速試してみる

name: Netlify

on:
  push:
    branches:
      - main

jobs:
  build:
    runs-on: ubuntu-20.04

    steps:
      - uses: actions/checkout@v2

      - name: Setup Node
        uses: actions/setup-node@v2
        with:
          node-version: '14.x'

      - run: npm ci

      # - run: npm run build
      #   env:
      #     NODE_ENV: "production"

      # - name: Deploy
      #   run: npx netlify-cli deploy --dir=./.next --prod
      #   env:
      #     NETLIFY_AUTH_TOKEN: ${{ secrets.NETLIFY_AUTH_TOKEN }}
      #     NETLIFY_SITE_ID: ${{ secrets.NETLIFY_SITE_ID }}

      ↓ 変更

      - name: Deploy
        run: netlify deploy --build --prod
        env:
          NETLIFY_AUTH_TOKEN: ${{ secrets.NETLIFY_AUTH_TOKEN }}
          NETLIFY_SITE_ID: ${{ secrets.NETLIFY_SITE_ID }}

無事Github Actionsでビルド、デプロイできました