mahendra0859/react_app_deployment.md

Last active February 8, 2021 19:20

Star (0) You must be signed in to star a gist
Fork (0) You must be signed in to fork a gist

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/mahendra0859/21759705cd359d830b12ec9076de5865.js"></script>
Save mahendra0859/21759705cd359d830b12ec9076de5865 to your computer and use it in GitHub Desktop.

Download ZIP

Deploying React App

Raw

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 [email protected]: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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment