Before start please refer to my previous blog create angular docker image

Our next step is to deploy docker image to heroku

First step is to create account in heroku, install heroku cli in the system and login to your account using heroku cli:

heroku login

Next step to create heroku app

heroku create yourappname

Now execute below command to tag your docker image to heroku registry

docker tag angular-docker-app registry.heroku.com/yourappname/web

below command creates a docker image from the Dockerfile in the heroku container registry.

docker push registry.heroku.com/yourappname/web

Now execute below command to push all docker image to heroku

heroku container:push web --app yourappname

Now release your app to execute below command:

heroku container:release  web --app yourappname

now open your app in the browser your app url