Stack Overflow told me that _URL is a part of the node.js library and is a dynamically generated url that changes based on what development mode you are in, whether you are working on your app locally (in which case the _URL would most likely be or something to that effect), or on an actual production server like GitHub pages ( ). It now reads: blah blah blah 'scripts': />įantastic! My routes are set up correctly. You’ll see the following code in the console changes a bit from last time. This line will link up the branch you are creating with the repo you would like to get live.ĥ. Grab that whole “homepage” line and add it to your package.json “homepage” : “ ', Image from FreeCodeCamp, great resource for learning development. When I tried to get my site up on GitHub Pages, which I have had some success at in the past (see my Trump-inspired Duolingo app here or my wave forecast site for the best dang city on the Jersey Shore aka Strathmere’s mobile friendly site), but because I used React to build this particular app I needed to add some extra lines of code to make sure GitHub could recognize my components based on what actions users took on my site. Things were looking up! Or so I thought 😠. Slight backstory (skip to the section entitled “ Quick Guide for those that are pissed off and want to know the answers now!” for said answers): after a few days of head-banging sessions I finally had my backend hosted on Heroku. If you’ve recently finished a React single page application like me that employs a heavy use of React’s Router Dom library to render certain components when users navigate to certain URLs then this guide is for you. GitHub has this feature called GitHub Pages that converts a GitHub repository into a living, breathing website with a click of the button… as long as this repo is a) written in Frontend code only(Javascript, CSS and HTML) and apparently b) not written in React. Think again! Nah… I’m just playing, it’s possible but it will definitely take some configuration to get your routes rendering the correct components. Click here to share this article on LinkedIn »

Deploying react app to github pages