April 30, 2017
I’ve been putting together a React app and I needed cheap, fast hosting so I went to put it on Heroku.
The community have put together a build pack for create-react-app. You can basically deploy in 2 minutes.
Assuming you have the heroku command line tool already configured the following gist describes the commands to setup the build pack:
This is magic but there is still some configuration needed on your application for routing. If you use react router you will get a 404 from nginx when you try to directly open a route.
The heroku build pack deploys your site on heroku as a static react application so you have to tell heroku that for ALL routes, it should just go to your root/index document so react-router can handle the application routing. The default root document in create-react-app aps is index.html
So to fix your site on Heroku hosting add a file called “static.json” to your root folder (next to packages.json) with the following configuration.
If not then feel free to DM me on twitter @darraghor. I love helping coders out! - https://twitter.com/darraghor
This site is written by Darragh ORiordan who lives and works in Auckland, New Zealand building things on the web. You should follow him on Twitter
Get monthly updates and interesting tech news that I come across. I read heaps and pop the best stuff in a monthly email.