A STEP BY STEP GUIDE ON HOW TO CREATE YOUR FIRST MICROSOFT AZURE STATIC WEB APP
Arbythecoder
Posted on April 16, 2023
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/.
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.
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 ").
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.
5. Choose your build settings
Yes, we need to let azure know some details (like your branch and framework), then click "Review + Create".
6. Review your app's settings
Review your app's settings then click "Create" to deploy your app.
7. And that's it!
Your static web app is now up and running in Azure, all thanks to your GitHub repo.
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!
Posted on April 16, 2023
Join Our Newsletter. No Spam, Only the good stuff.
Sign up to receive the latest update from our blog.
Related
April 16, 2023