Last updated:
2 min read
How to host your website on Azure | Step-by-Step Guide
Rakesh Potnuru
Author
0%
SHARE

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

Final result

Prerequisites

  1. 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)
  2. Basic git knowledge and a GitHub account.
  3. Your website.

Let's get started

  1. After creating an Azure account, login into portal.azure.com.
  2. Click on Create a resource.
  3. Search for Static Web App and select static web app.
  4. Click on Create. Azure Static Web App

Here we need to fill in a few details.

  1. In the project details, choose your subscription.
  2. For Resource Group click on create new and name it anything you like.
  3. Next, give your app a Name.
  4. Hosting plan: Free: For hobby or personal projects
  5. Next, select a region.
  6. 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.
  1. 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 /.
  1. Click on Review + Create. Demo

  2. Verify all the provided details and click Create.

  3. Wait for a few seconds, after deployment is complete click on Go to resource.

  4. Copy the URL, paste into a new tab and see. Demo

Congrats 🎉🎉🎉! Your website is now live on the internet. Congrats gif 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

How Feature Flags Can Help You Ship Faster and Smarter?

    8 min read

    sponsored

How Feature Flags Can Help You Ship Faster and Smarter?

Are you tired of long development cycles and hesitant to push new features to production? Feature flags may be the solution you're looking for. In this blog post, we'll explore how feature flags can streamline your development process, reduce the risk of errors, and give you more control over the features you release to your users. From testing new features to rolling out changes to a select group of users, feature flags can help you do it all. Keep reading to learn how you can start using feature flags in your development workflow today.

Dockerizing Your MERN Stack App: A Step-by-Step Guide

    14 min read

Dockerizing Your MERN Stack App: A Step-by-Step Guide

Are you tired of spending hours messing with crontabs and installing packages in an attempt to run your app locally? Are you sick of always missing a dependency that doesn't allow you to run the app and therefore you have to debug it for hours trying to find what's wrong? Then you've come to the right place. In this article, you will learn how to make use of Docker to develop and ship your software faster and easier.

Subscribe to Newsletter

Weekly


  • Never miss an update.
  • Get articles and snippets directly to your inbox.
  • Subscribe to stay connected and avoid getting lost among millions of websites.

Monthly


  • Coming soon...