Search⌘ K
AI Features
Home
Courses
Building Web Applications with React and ASP.NET Core

Publishing the React Frontend to Azure

Explore the process of deploying a React frontend application to Azure, including provisioning Azure App Services, creating production builds, and using Visual Studio Code and Azure extensions for deployment. This lesson guides you through publishing to both staging and production environments.

We'll cover the following...

In this section, we are going to deploy our React frontend to Azure, to both staging and production environments.

Publishing to production

Let's carry out the following steps to publish our frontend to a production environment:

  1. We’ll start by provisioning an Azure app service. So, let’s go to the Azure portal in a browser and go to the “App Services area,” and click the “Add” option.

  2. Complete the form that opens by choosing the existing resource group, choosing an app name, and selecting .NET 7 as the runtime stack and Windows as the operating system. Note that the app name we choose needs to be reflected in the Frontend setting in the appsettings.Production.json file in our backend project. Click the ...