A Simple Guide to Hosting a Static Website on Azure Blob Storage.

A Simple Guide to Hosting a Static Website on Azure Blob Storage.

Azure blob storage is an object storage solution for the cloud that stores unstructured data such as text, binary data, images e.t.c. We’re going to be utilising it to host a static website.

A website template would be needed for this exercise, you can download one at **themewagon.com**.

Unzip the contents of the downloaded template and do the necessary edits.

Then on the Azure portal search for Storage accounts and click create.

On the basics tab,

1. Create a new resource group or select an existing one.




2. Name the storage account, which must be globally unique.




3. Select a region to deploy the resource to.




4. Configure the redundancy.




5. Then click review+create.

After the successful deployment of the resource, click go to resource.

On the overview page, click on capabilities, then Static website.

1. click on enable to show the options.




2. Match the index document name to your index.html doc for your website




3. Same goes for the error document path.




4. Click on save, A storage container $web will be created to host your website, and a primary endpoint would be assigned.




5. Copy the endpoint address.

Open a new browser tab, paste the address and click enter.

Note that when you try to access the endpoint address, you get an error, because the website template has not been uploaded to the $web container.

On the Storage account, go to Data storage>containers. Click on the $web container to open it.

1. Click upload, a sidebar opens.




2. Open your file explorer to the directory of the website template.




3. Drag all the files and folders into the sidebar and click upload.

Confirm all the files are correctly uploaded, then reload the tab with the endpoint address. It should load your content.