Dev.to

HOSTING A STATIC WEBSITE ON AZURE BLOB STORAGE

STEP 1 DOWNLOAD A WEBSITE From your download folder, click on the downloaded website and select 'copy' Paste the copied website in any location of your choice, folder, file, downloads etc. It will be pasted as a file now. STEP 2 Go to VScode Click on file, select the unzipped Luther file from where you saved it select index.html Edit the name 'Luther' to your own name, save the changes it. click on 'run' select 'run without debugging' select any browser of your choice for it to run STEP 3: Go to Azure portal (poral.azure.com) create a new storage account - name the resource group 'web-rg' - name the storage account 'mywebsite84' - under region, select 'East US' - Primary service, select 'azure blob storage' - performance, select 'standard' - redundancy, select 'LRS' - Click on 'next' On the next page and networking page, leave everything at default, then click on 'Review and create' click on 'create' Deployment is in progress... Deployment is complete, click on 'Go to resource' My storage account is created, click on 'capabilities' under capabilities, click on 'static website' On the static website page click on 'Enable' the static website the index document name is 'index.html' error document name is 'error.html' click on 'save' Copy the primary 'URL' on a browser There is no static website rendered, that's why this error message is displaying Lets go to 'container' on the left pane A new container is not needed, because there is web container created at default Double click on the web container to open it Click on 'browse for files' Select the Luther folder, open it and select all the files in it drag the files (blobs) to azure Click on 'Upload' below the 'browse for files' button. The page below will be uploaded as shown below Click on your browser, refresh the URL (https://mywebsite84.z13.web.core.windows.net/). The static website is now made public for accessibility

Apr 11, 2025 - 09:48

HOSTING A STATIC WEBSITE ON AZURE BLOB STORAGE

STEP 1 DOWNLOAD A WEBSITE

From your download folder, click on the downloaded website and select 'copy'

Paste the copied website in any location of your choice, folder, file, downloads etc. It will be pasted as a file now.

STEP 2 Go to VScode

Click on file, select the unzipped Luther file from where you saved it
select index.html

Edit the name 'Luther' to your own name, save the changes it.

click on 'run'
select 'run without debugging'
select any browser of your choice for it to run

STEP 3: Go to Azure portal (poral.azure.com)
create a new storage account
- name the resource group 'web-rg'
- name the storage account 'mywebsite84'
- under region, select 'East US'
- Primary service, select 'azure blob storage'
- performance, select 'standard'
- redundancy, select 'LRS'
- Click on 'next'