Deploying React App

react_app_deployment.md

Methods to deploy react app

Method 1: For static react app

$ npm run build
$ mv ./build ./docs
$ git add . && git commit -m "commit" && git push

* In GitHub Pages for source select 'master branch /doc folder`

Method 2: Using gh-pages package

• Link : https://dev.to/yuribenjamin/how-to-deploy-react-app-in-github-pages-2a1f

$ npm install gh-pages --save-dev
$ npx json -I -f package.json -e "this.homepage='http://{username}.github.io/{repo-name}'"
$ npx json -I -f package.json -e "this.scripts={...this.scripts,'predeploy':'npm run build','deploy':'gh-pages -d build'}"
$ git init
$ git remote add origin git@github.com:Yuribenjamin/my-app.git
$ npm run deploy

Method 3: Using gh-pages package

• Link : https://docs.netlify.com/cli/get-started/#manual-deploys

$ npm install netlify-cli -g
$ netlify login
$ netlify deploy

Method 4: Using Firbase

• To log in to Firbase

$ firebase login

• To initialize firebase setup

$ firebase init

• selecte the hosting option

• Select the existing project or create a new one in firebase

• add 'build' folder as public diectory

• and 'yes' SPA configuration

• create .firbaserc and firebase.json file

• To deploy the build to firbase

$ npm run build

$ firebase deploy