Como fazer deploy automático de uma aplicação React no Github Pages [Github Actions]

build.yml

name: Deploy React Application

# Controls when the action will run. 
on:
  # Triggers the workflow on push or pull request events but only for the main branch
  push:
    branches: [ master ]
  pull_request:
    branches: [ master ]

jobs:
  build:
    runs-on: ubuntu-latest

    strategy:
      matrix:
        node-version: [16.x]

    steps:
      - uses: actions/checkout@v2
      - name: Use Node.js ${{ matrix.node-version }}
        uses: actions/setup-node@v2
        with:
          node-version: ${{ matrix.node-version }}
      - name: Instalar as dependencias e rodar o build
        run: |
          npm ci
          npm run build --if-present
      - name: deploy to gh-pages
        uses: peaceiris/actions-gh-pages@v3
        with:
          deploy_key: ${{ secrets.ACTIONS_DEPLOY_KEY }}
          publish_dir: ./build

COMOFAZER.md

Como fazer deploy automático de uma aplicação React no Github Pages [Github Actions]

Caso queira saber como fazer esse deploy eu disponibilizei um vídeo no Youtube para explicar de forma mais didática! Veja aqui!

Criando chave SSH

Use o comando ssh-keygen -t rsa -b 4096 -C "$(git config user.email)" -f "<your-deploy-branch>" -N "", em uma pasta de sua preferência e isso vai gerar a public e a private key.

Observações

O arquivo build.yml deve ser colocado no diretório <seuprojeto>/.github/workflows.