Static website Deployment on Blob Storage in Azure

Wanna Deploy your Static Website on Azure Blob Storage? If so, you’re in the right place. In this step-by-step guide, I’ll walk you through the entire process of static website deployment. We will see a demo on how to host a simple Login Page Website deployment.

You can refer to my Sample Login Website Page.

Let’s get started with our demo.

Step 1: First come to the Azure portal. Sign in with account or else if you don’t have an azure account simply create it.

Step 2: Now, we have to create a Storage Account, choose your subscription. If there is no resource group created, create a new one.

Go down and give a storage account name, select the Region, Performance and leave the rest as it is. Then click on Review + create. It will take a minute to complete all the processes.

Step 3: Once the deployment is completed then Go to resource.

Now, go to Static Website then enable it and add the file in index & error document. Once you enable this option it will be showing you the Private endpoint URL by which you can access your website.

Copy the Primary Endpoint ( It is our website URL) and search in any browser. So, It will give the error as the requested content does not exist as we didn’t added the website pages content to publish.

Step 4: Now, Go to Containers.

Upload your website content files here.

Step 5: It’s time to check our website. It’s published.

Step 6: Let’s test the error.html page. Just add the /error.html in your endpoint URL. So, it will show you the content inside the error.html file.

Note: In real world scenario the when there is no index.html does not exist in the path. For this, you can delete the index.html from the container. So, it will be showing the error page.

Wohoo! you have successfully hosted your first website in Azure.