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

Build a Unique Domain Hosting Environment with AWS Amplify

Yasunori Kirimoto for AWS Community Builders ・ Feb 21 '22

#amplify #amplifyconsole #route53 #aws

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."

Set up redirects and SPA routing support.

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

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.

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

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

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

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

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

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!

Related Articles

Build a Unique Domain Hosting Environment with AWS Amplify

Yasunori Kirimoto for AWS Community Builders ・ Feb 21 '22

#amplify #amplifyconsole #route53 #aws

Trying Out Various Settings for AWS Amplify Publishing

Yasunori Kirimoto for AWS Community Builders ・ Feb 14 '22

#amplify #amplifyconsole #aws

References
AWS Amplify
Google Domains