DEV Community

Cover image for A STEP BY STEP GUIDE ON HOW TO CREATE YOUR FIRST MICROSOFT AZURE STATIC WEB APP
Arbythecoder
Arbythecoder

Posted on

A STEP BY STEP GUIDE ON HOW TO CREATE YOUR FIRST MICROSOFT AZURE STATIC WEB APP

Hey there, Welcome to my latest post, today we are going to exploring how you can create a static web app using a GitHub repository in Microsoft Azure - all with a free account!

Now, you might be wondering - what is a static web app?
In a nutshell, it's a simple website that doesn't require database. Instead, it's made up of static files, like HTML,CSS, and JavaScript, which can be hosted on a server or in the cloud.

So, how do you create a static web app using a GitHub repo in Azure? It's actually pretty simple - just follow these easy steps with my snapshots:

1. Sign up for a free Azure account

FREE TIP: Ensure to use a virtual card, I used payday not an advert though, lol. Sign up for a free Azure account at https://azure.microsoft.com/free/.

Azure portal

2. Create a resource

Go to the Azure portal and click ,'Create a resource' in the upper left-hand corner and search for "static web app" in the search bar.

Image description

3. Click "Create" to start setting up your app.

Enter a name for your app and select your
subscription and resource group(click "create new resource group if you don't have one ").

Image description

Image description

4. Click "Sign in with GitHub"

You need to link your GitHub with your Microsoft Azure account and select the repo you want to use for your app.

Image description

5. Choose your build settings

Yes, we need to let azure know some details (like your branch and framework), then click "Review + Create".

Image description

6. Review your app's settings

Review your app's settings then click "Create" to deploy your app.

Image description

Image description

7. And that's it!

Your static web app is now up and running in Azure, all thanks to your GitHub repo.

Image description

Image description

So, whether you're building a simple portfolio site or a small business website, creating a static web app using a GitHub repo in Azure is a fantastic way to get started - all for free!
Please remember to leave your comment, like, share and follow me for more great contents.

Thanks for reading!

Top comments (0)