Building your first static website with Azure Static Web Apps

Azure Static Web Apps

by Juarez Junior

Introduction

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.

Prerequisites

• GitHub account
• Azure account. If you don’t have an Azure subscription, create a free trial account.
• Visual Studio Code
• Azure Static Web Apps extension for Visual Studio Code
• Install Git

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:

https://github.com/staticwebdev/vanilla-basic/generate

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