Why using multiple versions for node-setup?Īns: We are using 12, 14, 16 node versions, because there might be some new or old packages that won't be compiled in one of the 3.There is a custom workflow for github-pages deployment that is also available in Actions tab. The url for the site is available in the same page as visible above. Select branch gp-react in Source option and /root as root folder. Select the Settings tab and click on Pages option in sidebar. The final setup for the github pages is selecting the branch and root folder. The details of workflow page is similar to image below: Select the recent workflow, to see details if there is a green tick ✅ then the run is successful else check FAQ section of articles for list of errors in details. This branch contains the production build of your app.Enter fullscreen mode Exit fullscreen modeĪfter successful push, we go to Actions tab in the repo of Github. You will see another branch called gh-pages. When you see the terminal say Published, you can go ahead and check your repository’s branches. The 'predeploy' script will be called first before sending the build to GitHub.

Just run the 'deploy' script by doing npm run deploy in the terminal. So make sure to point to the right scripts and folders! Step 4: Build and deploy The 'deploy' script will take the contents of that folder and deploy it to GitHub Pages. To sum it up, 'predeploy' will take your code and build the optimized version to a build folder. As for the 'deploy' script, the folder name after the -d flag is what gh-pages is going to deploy.

'predeploy' has to point to the script that builds a production ready, optimized version of your app. Go to package.json and add the following scripts: 'predeploy': 'npm run build', 'deploy': 'gh-pages -d build' So just install it in your project’s devDependencies : npm i -D gh-pages Step 3: Your scripts The npm package gh-pages is necessary to deploy your app to GitHub Pages. Upgrade notice Step 2: Install the gh-pages package

Deploying react app to github pages