Question: I am following Heroku's documentation for hosting application on Heroku and I have successfully hosted my nodejs API on Heroku but I'm not able to host my angularJs code as it doesn't have Server.js file in my project.

Answer: 
You should have "server.js" and "Procfile" files.

<https://devcenter.heroku.com/articles/procfile>

***Push those to heroku:***

**-angular-project** folder

**-Procfile**

```
web: node server.js

```

**-server.js**

```
'use strict'

var express = require('express');

// App
var app = express();
app.set('port', (process.env.PORT || 5000));

// your angular-project folder
app.use('/', express.static(__dirname + '/angular-project'));

app.listen(app.get('port'), function() {
  console.log("running: port", app.get('port'));
});

```
The best option is to serve angular via CDN or NgInx.

If you want to serve it with nodeJS just add a server.js (or index.js) file with the following code:

```js
var express     = require('express'),
    feapp       = express(),
    path        = require('path'),
    bodyParser  = require('body-parser'),
    fs          = require('fs'),
    compression = require('compression');

//Setup
feapp.use(compression({ threshold: 0 }));
feapp.use(express.static(path.join(__dirname, '..' ,'/public') , { maxAge: 3600 } )); //Use Cache-Control for performance
feapp.use(bodyParser.json());////For parsing application/json
feapp.use(bodyParser.urlencoded({extended: true}));
feapp.use(express.static(__dirname));

//HTTP server
http    = require('http'); //Or https - but you will have add SSL certificats
var FE_HTTP_PORT = 80;

var feServer = http.createServer(feapp);
feServer.listen(FE_HTTP_PORT, function() {
    console.log('Listening on port ', FE_HTTP_PORT);
});

// Simple Routing
feapp.get('*', function(req, res){
     res.sendFile(path.join(__dirname, '..' ,'/public', 'index_site.html'));
});

module.exports = feapp;
```