How to host your website on Azure | Step-by-Step Guide
Hosting your website on Azure is very simple. Just a few clicks đź‘€.
Final result
Prerequisites
- Signup for an Azure account for free if you don't have one already. (Note: If you are a student you can get free credits)
- Basic git knowledge and a GitHub account.
- Your website.
Let's get started
- After creating an Azure account, login into portal.azure.com.
- Click on Create a resource.
- Search for Static Web App and select static web app.
- Click on Create.
Here we need to fill in a few details.
- In the project details, choose your subscription.
- For Resource Group click on create new and name it anything you like.
- Next, give your app a Name.
- Hosting plan: Free: For hobby or personal projects
- Next, select a region.
- After that, in deployment details select GitHub as the source and sign in with your GitHub account.
- For Organization, choose your GitHub account from the dropdown.
- Next, select Repository and Branch.
- Now Build details
- For Build Presets, if your website is built with a framework or a static site generator then choose accordingly otherwise choose Custom.
- For App location, choose where your app files are there or if it is a simple website with only HTML and CSS files leave it as
/.
-
Click on Review + Create.
-
Verify all the provided details and click Create.
-
Wait for a few seconds, after deployment is complete click on Go to resource.
-
Copy the URL, paste into a new tab and see.
Congrats 🎉🎉🎉! Your website is now live on the internet.
If you have any doubts ask in the comments below 👇.
Also read,
Hope this helps you! Save for reference.
LEAVE A COMMENT OR START A DISCUSSION
MORE ARTICLES
6 min read
All types of POST Requests with API Tester mobile app
Post requests are the most common types of requests that we perform on the internet and it is very useful in our day-to-day work life. These methods are those which are used to transfer data from a web browser to the server. In this article, I will teach you how to test post requests using API Tester mobile app.
9 min read
How to write tests in full-stack MERN web application
Only by writing tests can you understand the significance of testing. No coding Bootcamp or course, as far as I know, teaches you how to write tests. Writing tests may not be necessary for demo projects or coursework projects, but it is critical for real-world applications. So, in this Part 3 of the “Let’s build and deploy a full stack MERN web application” series, I’ll demonstrate how to write tests for ReactJs components and ExpressJs RESTAPI.