How deploy create-react-app with gh-pages

deploy-create-react-app-with-gh-pages.md

How deploy create-react-app with gh-pages

gh-pages is a npm packge help developers to deploy they app on github-pages

steps

1. install

TIPS : this installation should be on home path folder (cd ~ or cd)

npm i -g create-react-app
# or
npm install -g create-react-app

2. create-react-app

npx create-react-app {APP_NAME} --use-npm
cd {APP_NAME}

3. install gh-pages

npm i -D gh-pages
# or
npm install --save-dev gh-pages

4. config package.json

add below (if not exist or not standard) to your package.json file

{
  "homepage": "https://{YOUR_GITHUB_USERNAME}.github.io/{REPOSITORY_NAME}",
  "scripts": {
    "predeploy": "npm run build",
    "deploy": "gh-pages -d build",
  }
}

5. run command

npm run deploy