Deployed my site but getting "This site can’t be reached" error

Netlify Subdomain: aguadecielocosmetics.netlify.app
Domain: aguadecielocosmetics.com

I switched domains so created a new project and deployed the site under aguadecielocosmetics.netlify.app. I’m using Google Domains so have already added the CNAME and A file but when I click on the primary domain or the www. version, it takes me to a “This site can’t be reached” error. The netlify one works fine.

My idea was to deploy this site, and once it works, remove the old one (under the old domain) and redirect that url from the Namecheap DNS. I’ve already deployed 3 sites on Netlfiy so not sure why it’s not working?

There were a few times where I could see the site so I thought it was working but doesn’t seem to be the case anymore.

------ UPDATE -------

I’ve been visiting the links every few minutes to check if its just slow and it was working for a bit. Then it doesn’t work anymore. So not sure why its working then not working. Still has the “This site can’t be reached” error again.

Hi, Your site loads fine for me. I’m curious how recently you made changes to your domain? I’d wait at least 48 hours to check for consistency with site reach

I published it a few hours ago. Still doesn’t work for me. I’ve never had it take this long to publish fully so not sure if something changed?

You had deleted the NETLIFY records from the DNS panel, which is now fixed.