🖥️Static Web App

🖥 Let's get that website up and running!

Deploying Your Forked React Web App to Azure 🖥

In this section, we'll guide you through deploying your forked React web app from GitHub to Azure Static Web Apps with automated deployments.

Step 1: Sign into Azure Portal

1. Open the Azure Portal.

2. Sign in with your Azure account.

Step 2: Create a New Static Web App

1. In the Azure Portal, click "+ Create a resource."

2. Search for "Static Web Apps" and select it.

3. Click "Create" to start.

Search for Static Web App

• Create or Select Your Azure Resource Group

• Give Your Static Web App a Name

• Select the Free Hobby Tier

• Select Region

• Deploy with GitHub and Authenticate to your account.

• Select the Organization, Repo, and Branch

• Select React Build Preset

• Select "Review + Create"

Step 3: Review and Deploy

As with all Azure resources you deploy, you will need to review your configuration and click "Create" if everything looks correct.

Review and Create

Step 4: Verify Deployment

Once the deployment has finished, click "Go to resource" to see your new static web app.

Confirm Deployment

From the "Overview" blade, you can find the provided URL for your static website and click the link to visit.

Although your static web app is created, it will take 5-10 minutes before your forked repository is deployed and ready to visit 🕐

Congratulations! Your forked React web app is now deployed to Azure Static Web Apps. Any changes you make to your GitHub repository will trigger automatic builds and deployments by Azure, keeping your app up to date.

Crying Jordan

For advanced configurations, refer to the Azure Static Web Apps documentation.