Member-only story
Building your first static website with 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.
- Navigate to the following location to create a new repository:
https://github.com/staticwebdev/vanilla-basic/generate
- Name your repository my-first-static-web-app or provide your preferred repo name. Click the Create repository from the template button.
Your repository will be created as shown below:
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 https://github.com/<YOUR_GITHUB_ACCOUNT_NAME>/my-first-static-web-app.git
