DEV Community

Cover image for Build a Unique Domain Hosting Environment for Google Domains with AWS Amplify

Build a Unique Domain Hosting Environment for Google Domains with AWS Amplify

img

I built a unique domain hosting environment for Google Domains with AWS Amplify 🎉

This time, we try using a ".dev" domain obtained from Google Domains with AWS Amplify.

Advance Preparation

  • Static site hosting environment construction with Amplify

Set Up a Unique Domain with Amplify Console

First, set up a unique domain with "Amplify Console."

Set up a ".dev" domain obtained from Google Domains under "Domain Management."
img

Set up redirects and SPA routing support.
img

Click "Domain Management" → "Actions" → "View DNS Records," and note down CNAME information.
img

This completes the Amplify configuration.

Set Up a Unique Domain with Google Domains

Lastly, set up a unique domain with "Google Domains."

Access Google Domains → Click "Manage" of the target domain.
img

Click "DNS" on the management screen of the target domain.
img

Input CNAME information obtained by Amplify → Click "Save." After setting, click "Website."
img

Enter "@" for source and ".dev" for destination domain → Set options → Click "Forward."
img

A preview of the WebSite will be displayed when it has been successfully configured.
img

The WebSite will be displayed when you access the configured ".dev."
img

Finally, I used PageSpeed Insights to measure the performance of the WebSite with the pre-migration deployment environment and the post-migration Amplify (CloudFront & S3). Performance is now much better!
img

Related Articles


References
AWS Amplify
Google Domains

Discussion (2)

Collapse
harissonmitch profile image
Mitch Harisson

I loved your article, I think I've read it twice already. Could you give me an example of the specific amounts I can give for a .net domain?

Collapse
dayjournal profile image
Yasunori Kirimoto Author

I think both "Route53" and "Google Domains" cost about $11 per year.