main.yml

# This is a basic workflow to help you get started with Actions

name: Deploy React Site

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


# A workflow run is made up of one or more jobs that can run sequentially or in parallel
jobs:
  # This workflow contains a single job called "build"
  build:
    # The type of runner that the job will run on
    runs-on: ubuntu-latest

    # Steps represent a sequence of tasks that will be executed as part of the job
    steps:
    # Checks-out your repository under $GITHUB_WORKSPACE, so your job can access it
    - uses: actions/checkout@v2

    - name: Install NodeJs
      uses: actions/setup-node@v2-beta
      with: 
        node-version: 12
        
        
    - uses: borales/actions-yarn@v2.0.0
      with:
        cmd: install
      
    - name: Build React App
      run: CI=false npm run build
      
    - name: Install Surge
      run: npm install --global surge
    
    - name: Deploy to surge
      run: surge ./build my-react-animation.surge.sh --token ${{secrets.THE_TOKEN }}