Create React App (CRA). After deploying my web app to Aerobatic (see previous post Deploying my CRA website), next step was setting up my custom domain in NameCheap.
Note that there may be better way to do this step, since I am not expert in DNS resolution.
Buy and register domain in NameCheap
After selecting name of the product related to the website, I purchased the domain in NameCheap.
I must confess that I wouldn’t likely go for NameCheap if I had to do it again. Basically, I experience lack of support with other domains when I wanted to have different providers for mail hosting and web hosting, and since I was out of confort zone, it was really troublesome.
In addition, looked like NameCheap DNS resolution does not support Apex (i.e. “naked”) domains, fact I would likely use for certain domains.
Register domain in Aerobatic
You can set your domain up via command line (with Aerobatic CLI) or through Aerobatic console.
Via Aerobatic CLI
aero domain --name mydomain.com --subdomain ww
You have wait until Aerobatic sends you an email with name and value of CNAME, required for verifying ownership of the domain.
Once you have values, it is time to change your setup in NameCheap
Setup DNS records in NameCheap
Make sure NameServers property in Domain home setup screen contains value “NameCheap Basic DNS”.
Add in “Advance DNS” configuration, in “Host Records” section, a new entry with the CNAME entry (name and value) required for ownership verification.
You should receive another email from Aerobatic saying that your SSL certificate has been provisioned.
In addition, once Aerobatic provision your domain in AWS, they will send you an email with CNAMEs required for *.my-domain.com and www.my-domain.com, including the cloudfront url for the mapping. Ej:
Finally, add following DNS entries in “Avance DNS” configuration , in “Host Records” section:
Once, DNS records are propagated, everything should work as expected.