I’ve seen a few tutorials, how to deploy single page web applications on Heroku, but I’ve really struggled to do it myself, because I wanted to do it a bit differently. I found a way how to deploy any SPA to Heroku using local builds. Why Well, the problem we faced was that our app had some npm packages (node-sass to be specific) that Heroku failed to use for some reason. So this deployment flow might help you if you can build your application locally without any problems, but the build process fails on Heroku. How First of all, we will need an express app that will serve our web app. It should look something like this: express = ( ) path = ( ) port = process.env.PORT || app = express() app.use(express.static(path.join(__dirname, )))app.get( , (req,res) => {res.sendFile(path.join(__dirname + ))}) app.listen(port, () => .log( + port)) const require 'express' const require 'path' const 8080 const // the __dirname is the current directory from where the script is running '/build' '*' '/build/index.html' console 'App listening on port ' By default, Heroku installs development dependencies. And if we are trying to deploy an app that is already built we can skip the installation of development dependencies. This can be done by using the following command: heroku config:set NPM_CONFIG_PRODUCTION= YARN_PRODUCTION= true true Now if your app uses some of the dependancies that are development dependencies the build on Heroku might still fail. What we want to do is skip building process completely. And this can be done by adding the following npm script to your package.json heroku-postbuild”: “echo Skip build on Heroku Now heroku will use this script instead of the default build script. And this script allows to skip the build process completly. Finally, we add a with text: Procfile "web: node app $PORT" Notice, name this file “Procfile” and don’t use any file extensions. This is Heroku specific file. Finally, to use this deployment flow all you have to do is build your app locally and push it to Heroku. I would not recommend this approach in production, but if you are just hacking something and can’t figure out why your builds fail this might do the job.
