Deploying Website to Azure Blob Storage

Azure Blob storage is great for hosting static websites. 

1. Create Storage Account

Data for the site will be stored in a container. But we are not going to create a container just yet. 

First, we are going to configure static sites with Azure Blob Containers. 

2. Create Static website

Inside Storage Account find the Static website

And now you can see the web container has been created

3. Upload Site Content to Blob Storage

First, we need to build the application

3.1 Build the Application First

There are multiple tools available to upload bulk data to Blob Container

• Azure Copy, which is CLI tool 
• Azure Storage Explore

3.2 Upload using Azure Copy

First, you need to download AzCopy

azcopy copy "source" "destination"

Source is 

"./app/dist/*" <-- All content of this dist folder

How to get  the destination 

First, we need to get a Shared Access Token so the copy tool has the necessary permissions to upload files

Select all the permissions

For this, we are going to need the Blob SAS URL

The destination is 

In the destination, we need to specify that we also have subfolders. For that we need to put -- recursive

3.3 Upload using Azure Storage Explorer

First, download the Storage Explorer.

Then, need to connect to Azure Storage Account

You can connect to a subscription or can connect to a storage account directly.

Here we are going to connect to the Storage Account directly.

To get the Connection String, go to the Azure Portal

Get the Connection String to key1 or key2

Then connect