Deploy React frontend + Node backend app to Azure

Question

Deploy React frontend + Node backend app to Azure

José López Fernández 20

Good afternoon, I want to deploy a React frontend + Node backend small application in Azure, it has few requirements. I just want to know what are the economical services that would allow to run that application, and if possible, some guidance.

Thank you very much

Siva Nair 2,420 Reputation points Microsoft External Staff Moderator

2025-03-27T18:40:50.3366667+00:00
Hi José López Fernández,

Good evening, In addition to Vahid Ghafarpour response, As suggested go with Azure static web app and azure function would be economical services to deploy a React frontend + Node backend small application in Azure.

Azure Static Web Apps for React Frontend: Azure Static Web Apps is designed for static frontends like React. It provides a free tier that includes hosting, SSL, and integration with GitHub for continuous deployment. This makes it a cost-effective choice for hosting your React application.

Azure Functions for Node.js Backend: If your Node.js backend can be structured into serverless functions, Azure Functions offers a highly economical solution. The Consumption Plan allows you to pay only for the execution time, and it includes a free grant of 1 million requests per month, which is ideal for small applications with variable or low traffic.

Deploy React Frontend with Azure Static Web Apps:

Connect your GitHub repository to Azure Static Web Apps.

Configure the build and deployment settings. Azure will handle the rest, providing automatic deployments on code changes.

Deploy Node.js Backend with Azure Functions:

Refactor your Node.js application into serverless functions if possible.

Use the Azure Portal or Visual Studio Code with the Azure Functions extension to deploy your functions.

Link your Azure Functions to your Static Web App for seamless integration.

Keynote-

Both services provide free tiers that are sufficient for development, testing, and even light production use.

Azure Static Web Apps and Azure Functions automatically scale with demand, ensuring you only pay for what you use.

Both services integrate with GitHub, allowing for easy setup of continuous integration and deployment pipelines without additional cost.

Please refer the document for steps involved,

https://learn.microsoft.com/en-us/azure/developer/javascript/how-to/develop-serverless-apps?tabs=v4-ts

https://learn.microsoft.com/en-us/azure/static-web-apps/add-api

https://learn.microsoft.com/en-us/azure/static-web-apps/

https://learn.microsoft.com/en-us/azure/static-web-apps/apis-functions

If you have any further assistant, do let me know.
José López Fernández 20 Reputation points

2025-03-28T08:33:39.2+00:00

Thanks Siva, good explanation

Accepted answer

1 additional answer

Your answer

José López Fernández 20 Reputation points

2025-03-28T08:33:39.2+00:00

Thanks Siva, good explanation

Answer 1

Thanks for posting your question in the Microsoft Q&A forum.

The Azure Static Web Apps is ideal for hosting static React apps with serverless backend APIs.

If you are looking for both backend and frontend, I suggest Azure App Service. Azure App Service is a fully managed platform that supports both frontend and backend applications. You can deploy your React app and Node.js API as separate apps or combine them into one.

** Please don't forget to close up the thread here by upvoting and accept it as an answer if it is helpful **

Answer 2

Bruce (SqlWork.com) 77,686 Volunteer Moderator

As suggested converting your node api app to azure functions is a good choice. This will allow static webapp with azure functions which is the cheapest hosting.

converting your api to functions should be pretty simple. See

https://learn.microsoft.com/en-us/azure/developer/javascript/how-to/develop-serverless-apps?tabs=v4-ts

Share via

Deploy React frontend + Node backend app to Azure

1 additional answer

Your answer