Adding custom domain and SSL certificate Azure Static Web Apps

In the first article, we saw how to deploy a website with Azure Static Web app, it does the CI/CD for you. In this one, we will add a custom domain.

Subscribe to my newsletter and never miss my upcoming articles

Listen to this article

Hello amazing people 👋

So we finally had our website running the last article. Oh not sure what I am talking about, check out the first part of the blog here 👇

Now let's setup a custom domain and make sure we have the SSL certificate for it.

Setting up the custom domain

Let's navigate to the Static Web App that we created in the last article.

image.png

And in the blade, you should see Custom Domains section. Let's click that

image.png

Now, if we click on the Add, it will open a tab on the right side for you to add the custom domain name, for this demo I will be using faced.rishab.cloud.

image.png

At this point, we have to update our Domain Name provider, in my case it's AWS-Route53. So I will create a CNAME record in Route53 to point to that value provided in Azure Static Web App

image.png

If you use a different domain provider, the UI for adding the CNAME record should still look pretty similar.

Now, if we click on Validate after adding the CNAME record, it should succeed.

image.png

And after the validation has succeeded, click on add.

image.png

After few minutes of wait, you will see the domain is added:

image.png

Let's navigate to our site now!

image.png

Did you notice something 🤔?

Yes, it also got a SSL certificate for the site, Azure Static Web Apps provisioned a certificate.

SSL.gif

That's all for this article! Hope you found it helpful, please feel free to reach out if you have any concerns, my twitter - @rishabk7

No Comments Yet