I am trying for the first time ever to deploy my app to Heroku. I am using create-react-app, redux, with node/mongodb on the backend. When I go to my app via heroku open I am greeted with a blank screen. When I view source my react index.html template is in place, but when I click any of the assets like manifest.json, or the main.js file, they're completely blank. All of my backend API is working (I went to my google oauth route and was properly greeted with the google sign in screen) but none of the views are rendering.
I checked my build directory and all the build seems like it worked properly from what my rookie eyes could see. I checked my Heroku logs and have no errors whatsoever.
I know this is vague, but is there anything I should check? Anything I can share here to help get some direction? I apologize for not sharing more on my first draft of this post but I honestly don't know what to share to give clarity. I am happy to edit and add code. This is my first "fullstack" deployment so I am completely brand new to this and 3 hours of troubleshooting and googling hasn't* helped me solve this. The app is running just fine in development on my laptop, so I am guessing it has something to do with my create-react-app build.
This is the link to my application on Heroku. https://desolate-stream-86031.herokuapp.com/
Edit for the solution
Thanks to Ian for the direction despite my awful and vague post. The issue was how I was trying to serve static assets on production.
What I was using was:
app.use(express.static('client/build'));
What I needed to use was:
app.use('/static', express.static(path.join(__dirname, 'client/build')));
I don't know much about the differences, so I am going to investigate that. If someone can enlighten me, I'd appreciate it!
Not sure if it's bad SO form but I marked his answer as the correct answer even though his answer came in the form of a comment on his answer.
