How to deploy a react app on azure using publish profile with Visual Studio Code

Question

deploy a react app on azure using publish profile with Visual Studio Code. I have a publish profile and want to deploy the React/Nextjs app on azure using visual studio code editor.

Do I need any subscription or permission for this

Yes, you need to have an active Azure Subscription to create a resource and deploy the app to Azure App Service. — Harshitha, Jun 20 '23 at 06:10
Please provide enough code so others can better understand or reproduce the problem. — Community, Jun 20 '23 at 12:57

Harshitha · Accepted Answer · 2023-06-21T09:25:47.173

Do I need any subscription or permission for this

Yes, to deploy the Application to Azure you need to have an active Subscription Azure Account.

Install the Azure App service extension from the Extensions tab.

enter image description here

Once you got the subscription, login to the Azure Account.

enter image description here

Once you login to Azure, you can see all the available resources under your subscription.

enter image description here

You need to have one resource group created.
Need to deploy your react app to that resource.

Click on ctrl+shift+P => select Create New WebApp and continue with next steps.

enter image description here

For more information refer this MSDoc which explains the same.

How to deploy a react app on azure using publish profile with Visual Studio Code

1 Answers1