Search code examples
reactjsazurevisual-studio-codeazure-web-app-servicepublish-profiles

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


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

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


Solution

  • 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.