Heroku + Google Domain

Deploy your frontend application in heroku server and host it in google domain registar.

Step 1: Deploy project in heroku. Navigate heroku> your_project_setting>Add domain ( Enter your domain , save and copy the heroku DNS provided)

Step 2: Head over to your google domain registrar. Menu > DNS > Default Name Server (tab).

Step 3: Custom records > Manage Custom records and fill as belows:
Hostname: www
Type: CNAME
TTL : 600
Data: YOUR_HEROKU_DNS (paste here)

Step 4: Save. That’s it !

To verify your changes. On google domain registrar Menu > Website; If the preview of your site is shown then it’s working. It might take some time on your domain to reflect changes.

P.S: To enable your website to work directly sending website.com instead of www.website.com.
Go to registrar Menu> DNS >Custom Record and set values as below:
Hostname: (leave empty)
Type: A
TTL : 3600
Data: 68.178.232.100
Save . That’s it !