Hosting Static Content with Azure Storage

Libraries: If you want this lab, consider one of these libraries.
Cloud

Hosting Static Content with Azure Storage

In this lab, you will simulate the code modifications necessary to point a web frontend to an API in Azure Functions. You will modify the storage account settings for static hosting, create the API inside of Azure Functions, modify the frontend code, rebuild the code, and upload the code to the storage account using the Azure CLI.

Get started Contact sales

Lab Info

Level

Intermediate

Last updated

Sep 23, 2025

Duration

1h 0m

Challenge

Prepare the Frontend Code for Azure Storage

Using the Azure Cloud Shell, clone the Git repository, modify the code for Azure Functions, and rebuild the frontend code.
Challenge

Create the API for the Necessary Code Modification

Create an Azure function using the code provided in the Git repository. This will allow the API URL to be generated, which is needed for the frontend code modification.
Challenge

Enable and Configure the Static Website Feature in Azure Storage

Using the Azure portal, enable the static website feature in Azure storage. Then, configure the endpoint to point to the correct file in the code base.
Challenge

Migrate the Code to Azure Storage

Using the Azure CLI, upload the code into the Azure storage space.

About the author

Pluralsight Skills

Pluralsight Skills gives leaders confidence they have the skills needed to execute technology strategy. Technology teams can benchmark expertise across roles, speed up release cycles and build reliable, secure products. By leveraging our expert content, skill assessments and one-of-a-kind analytics, keep up with the pace of change, put the right people on the right projects and boost productivity. It's the most effective path to developing tech skills at scale.

Real skill practice before real-world application

Hands-on Labs are real environments created by industry experts to help you learn. These environments help you gain knowledge and experience, practice without compromising your system, test without risk, destroy without fear, and let you learn from your mistakes. Hands-on Labs: practice your skills before delivering in the real world.

Learn by doing

Engage hands-on with the tools and technologies you’re learning. You pick the skill, we provide the credentials and environment.

Follow your guide

All labs have detailed instructions and objectives, guiding you through the learning process and ensuring you understand every step.

Turn time into mastery

On average, you retain 75% more of your learning if you take time to practice. Hands-on labs set you up for success to make those skills stick.