How to Host Static Website on Azure Blob Storage

1. Sign in to the Azure portal

2. Search for storage account in the search bar

3. Choose storage accounts

4. Click on create

5. Fill the basic tab

   1. Create new resource group by clicking create new or choose an existing one

   2. Storage account name must be unique globally. This simply means no two Azure active accounts can use the same name. Numbers can be added for uniqueness.

   3. Choose a region

   4. Choose primary service

   5. Choose performance

   6. Choose redundancy

6. Click on review + create button

7. Click on create

8. Once deployment is complete, click on go to resource

9. On the left pane of the resource page, select static website under data management

10. Click on enable to enable static website

    1. Fill the index document name as index.html

    2. Fill the error document path as 404.html

    3. Click on save

Note that index.html and 404.html are usually constant.

A primary endpoint link will be created

11. Go to resource

12. On the left pane, click on containers under data storage

13. Click on the $web container which is created automatically.

14. Click on upload

15. Locate the web files stored in your computer

You can either drag and drop all the files or use the browse for files option

Please note all the files as highlighted above must be chosen.

16. Click on upload

You can scroll down to see all uploaded files.

17. Go to resource, under data management select static website.

18. Copy the primary endpoint link and paste it on a browser.