reactjsdeploymentgithub-pages

Github pages still shows README after deploying React app

I have a create-react-app project (https://github.com/khpeek/beomaps/tree/master) which I'd like to deploy to Github pages using gh-pages. Following this tutorial, https://medium.com/@serverlessguru/deploy-reactjs-app-with-s3-static-hosting-f640cb49d7e6, I've added the following to my package.json:

enter image description here

However, if I run npm run deploy, it is published,

enter image description here

but the Github page, https://khpeek.github.io/beomaps/, still shows default content based on the README.md. Do I perhaps need to change the deploy directory?

Solution

  • In the Options page of the repository, I had to select the gh-pages branch instead of the master branch:

    enter image description here

    (I also re-installed gh-pages as a normal dependency, not a development one (i.e. npm install gh-pages --save instead of npm install gh-pages --save-dev), though I'm not sure whether this was important).

    Now the page is visible on Github pages:

    enter image description here