Deploying create-react-app to Github Pages

I ran into some trouble trying to deploy my create-react-app project so I re-created the whole project from scratch and want to make sure I do it right this time.

These are the steps I am following:https://create-react-app.dev/docs/deployment#github-pages

These steps are completed:

  1. Created a remote repo (without README file etc).
  2. Added homepage to package.json

I was reviewing the steps for Step 2: Install gh-pages and add deploy to scripts in package.json but after this cmd:

yarn add gh-pages

all the instructions are only for npm. I found other sites that explain how to do all of this with yarn, but then they have extra steps that are not in here so I don’t want to mess up again.

Can someone break down the steps after yarn add gh-pages

The goal is to get my react app deployed to Github Pages project page.

Thanks!

What steps in the documentation do you not understand specifically?

So in package.json should I put:
predeploy": “yarn run build”?

Instead of:
predeploy": “npm run build”,

Also should final step be:
yarn run deploy

Instead of:
npm run deploy

Never mind. I fixed my original npm issue and am using that now. Also had to uninstall yarn in order for computer to not default to using that.

Just as an aside.

I’d suggest checking out Netlify for React (and JAMstack) apps. It is super easy and the continuous deployment works great.

3 Likes

I have used Netlify for over 15 projects so far. There are some tricks you have to incorporate to do some things, but the continuous deployment feature is very nice.

1 Like

I ended up deploying on Netlify. Soo much easier. At least for React project.

hey guys, I am having trouble deploying a react app which already exists on my machine to github please help

Hi @joseph11, you will probably have to add more details before anyone can help. But my 2 cents: ditch GitHub, use Netlify instead! It is SO much easier!!!

Thanks I will check it out