DEV Community

odi
odi

Posted on

A BLOG ON HOW TO HOST STATIC WEBSITE ON AZURE BLOB STORAGE

Step 1: Create a Storage Account

Go to the Azure Portal.

Click on "Create a resource" → Search for "Storage account" → Click "Create".

Fill in the necessary fields:

    Subscription and Resource group

    Storage account name (must be unique globally)

    Choose Region

    Choose Performance and Replication as needed

Click "Review + create" → then "Create".
Enter fullscreen mode Exit fullscreen mode

Image description

Image description

Image description

Image description

Step 2: Enable Static Website Hosting

After deployment, go to the Storage Account you just created.

In the left sidebar, scroll to the "Data management" section and click "Static website".

Click "Enable".

Set the following:

    Index document name (e.g., index.html)

    Error document path (e.g., 404.html) – optional

Click Save.
Enter fullscreen mode Exit fullscreen mode

Image description

Image description

Image description

Image description

Step 3: Upload Website Files

In the same storage account, go to "Containers" in the sidebar.

You’ll see a new container named $web created automatically for static website hosting.

Click on $web → then click "Upload".

Upload your index.html, 404.html, and any CSS/JS/images.

    Ensure files are uploaded with the correct Content-Type (e.g., .html as text/html, .css as text/css).
Enter fullscreen mode Exit fullscreen mode

Image description

Image description

Image description

Image description

Image description

Step 4: Test Your Site

Go back to the "Static website" blade.

Click on the primary endpoint URL — it should load your index.html.
Enter fullscreen mode Exit fullscreen mode

Image description

Image description

Image description

Top comments (0)