DEV Community

emmilly immaculate
emmilly immaculate

Posted on

Hosting a static web app on Azure.

We shall go over how to host a custom web app on azure platform.

We assume that we have our code is on github.
Github code

Next we head over to the Azure platform login in and search for the Static Web App service.

Search static web app

Once the service is loaded, click create.

create app

Then start filling in neccessary information about your app such as resource group it belongs to.Here we shall create one.

Resource group

Then we shall name our app.

Name

Next we shall choose free hosting, and github as our deployment source.

Options

Then we shall grant access to github by clicking sign into github.

Github sign in

Once github has access it will look like this.

Access to github

Now its time to indicate where our index.html file is located.In my case the root folder so i will use a slash.

Locate index.html

Finally lets preview our app settings by clicking preview and finally click create.

Preview

Give it some 3 minutes and we shall have our page ready to view.

Resource

Next click on the go to resource and you can see the URL link to the web app.

Resource

Then you will see the hosted web application.

Web app

Top comments (0)