deploy react app to gitlab pages

.gitlab-ci.yml

image: node:latest 

stages:
  - build
  - deploy

cache:
  paths:
    - node_modules/

build: 
  stage: build
  script:
    - yarn build

pages:
  stage: deploy
  script:
    - yarn build
    - rm -rf public
    - mv build public
  artifacts:
    paths:
      - public
  only:
    - master 

README.md

Steps to follow -

1. Make a .gitlab-ci.yml file in the root of your project
2. Copy the contents of the file mentioned below to your file
3. Populate the homepage field in package.json to include the relative routing of the gitlab endpoint

package.json

// Include this field in your package.json
{
  "homepage": "[GITLAB_HOSTNAME/PROJECT_NAME]",
}