Deployer une app create-react-app sur Heroku

Si vous avez utilisé le package create-react-app pour créer une app React « Zero config » il se peut que vous n’arriviez pas à déployer votre application.

L’erreur est la suivante :

2017-06-10T12:36:13.016007+00:00 heroku[router]: at=error code=H14 desc="No web processes running" method=GET path="/favicon.ico" host=navigation-planner.herokuapp.com request_id=92d66bd1-92be-49fa-8a5f-0bd3bac53731 fwd="88.190.23.23" dyno= connect= service= status=503 bytes= protocol=https

En effet Heroku lance par défaut la commande npm start au deploy d’une application Node.js, dans notre cas cette commande lance l’environnement de développement. Il faut lancer npm run build pour créer une release de production (vous pouvez retrouver ces commandes dans le package.json de votre app).

Pour cela il faut indiquer le buildpack suivant dans les paramètres de votre app :
https://github.com/mars/create-react-app-buildpack.git

Dashboard Settings Heroku react-create-app

Les commentaires sont désactivés pour les tips.