advfe-unified-workspace

Advanced Front End: Preparing your existing Heroku app for deployment

These are the final steps. Once completed, your project will be deployed to Heroku.

If you have not deployed this application to Heroku before, you can find most of the steps for this in the Deployment section of the Django REST Framework module. Please ensure that you have added those settings, plus the additional ones below.

  1. Log into your Heroku account and access the dashboard for your DRF application

  2. Go to Settings and open the Config Vars

  3. Ensure your application has an ALLOWED_HOST key, set to the URL of your combined project, remove the https:// at the beginning and remove the trailing slash at the end

  4. Ensure your application has a CLIENT_ORGIN key and set it to the URL of your combined project. This time keep the https:// at the beginning but remove the trailing slash at the end

    two config vars on Heroku

    If you had a value for CLIENT_ORIGIN before, this would have been for your separate React project deployment on Heroku, now this value needs to be updated to the URL for your combined application.

  5. Ensure all your settings are in place, including the ones from the Deployment section of the Django REST Framework module. Including saving, committing and pushing any changes made to your code

  6. Deploy your application from the Deploy tab in your Heroku dashboard

Up Next

That's it! You have successfully deployed your project in one app, congratulations! 🎉