Building your first static website with Azure Static Web Apps

Juarez Junior
5 min readNov 25, 2021
Azure Static Web Apps

by Juarez Junior


Azure Static Web Apps publishes a website by building an app from a code repository.

In this quick start, you deploy an application to Azure Static Web apps using the Azure Static Web Apps extension for Visual Studio Code.


Create a repository

This article uses a GitHub template repository to make it easy for you to get started. The template features a starter app in vanilla JavaScript used to deploy using Azure Static Web Apps.

  1. Navigate to the following location to create a new repository:

  1. Name your repository my-first-static-web-app or provide your preferred repo name. Click the Create repository from the template button.
GitHub repo for our Azure SWA

Your repository will be created as shown below:

GitHub repo — created

Interesting to mention, Azure Static Web Apps require at least one HTML file to create a web app. The repository you create in this step includes a single index.html file.

Clone the repository

With the repository created in your GitHub account, create a local directory and clone the project to your local machine using the following command.

Remember to replace <YOUR_GITHUB_ACCOUNT_NAME> as required.

git clone<YOUR_GITHUB_ACCOUNT_NAME>/my-first-static-web-app.git

Juarez Junior

Senior Principal #Java Developer Evangelist @ Oracle. Invite me to speak about #Java #OracleDatabase #OracleCloud #Blockchain #DevRel ☕️🥑