Deploy Your First Website to Azure with Static Web Apps

Azure Static Web Apps is Microsoft's purpose-built service for hosting static websites. It provides a global CDN, free SSL certificates, custom domains, and built-in authentication — all on the Free tier at $0/month. With a couple of Azure CLI commands, you can go from HTML files on your machine to a live website distributed globally.

In this lab, you will customize a pre-loaded HTML/CSS portfolio website template in the Code-IDE, create an Azure Static Web App resource using the Azure CLI, deploy your site using the SWA CLI with a deployment token, and visit your live site at its public URL. You will then make changes and redeploy to experience the iterative development-to-deployment workflow. By the end, you will understand how Azure Static Web Apps delivers your content through a global CDN with zero server configuration.

Objectives

Upon completing this beginner level lab, you will be able to:

• Edit an HTML/CSS portfolio website template to personalize it with your own content
• Create an Azure Static Web App resource using the Azure CLI
• Deploy a static website using the SWA CLI and a deployment token
• Visit a live site at its public URL and verify the deployment
• Make changes and redeploy to understand the iterative development-to-deployment workflow
• Understand what Azure Static Web Apps provides — global CDN, free SSL, and managed hosting with zero server configuration

Who is this lab for?

This lab is designed for:

• Complete beginners with no prior cloud or coding experience who want their first hands-on Azure experience
• University students looking to understand cloud computing through a practical, tangible project
• Career changers exploring cloud engineering who want to see Azure in action before committing to deeper study

No prerequisites beyond being able to use a web browser and a text editor.