title: Deploying an Angular 4 frontend with a Django Rest Framework backend on Heroku
body: <p>I have built the front end using Angular 4 (using the angular CLI) and the backend using Django and the Django Rest Framework. </p>
  
  <p>The development environment is set up in such a way that the static assets, HTML,JS etc are all part of the Angular app. The angular app runs on a server spun up by the CLI at localhost:4200 and and it communicates with the rest framework backend through a series of HTTP calls through CORS to the DRF API which is live at another localhost:8000 only to obtain and serve information.</p>
  
  <p>How do I go about deploying this as a production-ready application on Heroku? The heroku guides illustrate how to deploy a Django app separately or an Angular app separately (running on a node server). Do i deploy them as two separate instances or do I combine them. If so , how do I go about doing that?</p>