Como faço pra rodar um react app no github pages?

[Guilherme-BS]

No Exemplo o Github Pages não abre a aplicação so o readme do projeto.

[marco-souza]

Para fazer isso precisamos de seguir algumas etapas:

1. Adicionar homepage ao package.json com o link da URL onde ele estará rodando, ex: https://myuser.github.io/my-repo
2. Criar script de deploy no package.json -> "deploy": "npm run build && npx gh-pages -d build"
3. Rodar o comando npm run deploy sempre que quiser atualizar a aplicação

Seque abaixo um exemplo de package.json já com o script de deploy:

{
  "name": "search-zip",
  "homepage": "https://meu-user.github.io/meu-projeto/", // add
  "version": "0.1.0",
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "deploy": "npm run build && npx gh-pages -d build", // add
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  // ...
}