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


Trying Out Various Settings for AWS Amplify Publishing
Yasunori Kirimoto for AWS Community Builders ・ Feb 14 '22
References
AWS Amplify
Google Domains