Edit

Share via

Full-stack deployment templates for Azure Developer CLI

This article introduces full-stack deployment templates for Azure Developer CLI (azd). Use these templates to quickly deploy applications with front-end and back-end services on Azure.

What are full-stack templates?

Full-stack templates include:

  • Front-end: A user-facing web application (React, Angular, Vue, Blazor, and so on)
  • Back-end: An API or service layer (Node.js, ASP.NET Core, Python, Java, Go)
  • Infrastructure: Bicep or Terraform files to provision Azure resources
  • Configuration: An azure.yaml file that ties everything together

Each template in this list works with azd commands like azd init, azd up, and azd deploy.

How to use these templates

To get started with any of the templates listed, run:

azd init --template <template-repo-name>
azd up

For example, to use the React + Node.js + MongoDB template:

azd init --template todo-nodejs-mongo
azd up

JavaScript/TypeScript templates

Template Front end Back end Database IaC AVM Repository
React + Node.js + MongoDB React on App Service Node.js on App Service Azure Cosmos DB (MongoDB) Bicep - todo-nodejs-mongo
React + Node.js + MongoDB (Container Apps) React on Container Apps Node.js on Container Apps Azure Cosmos DB (MongoDB) Bicep ✅ todo-nodejs-mongo-aca
React + Node.js + MongoDB (Terraform) React on App Service Node.js on App Service Azure Cosmos DB (MongoDB) Terraform - todo-nodejs-mongo-terraform
React + Node.js + MongoDB (Static Web Apps) React on Static Web Apps Node.js on Azure Functions Azure Cosmos DB (MongoDB) Bicep - todo-nodejs-mongo-swa-func
React + Node.js + MongoDB (Kubernetes) React on AKS Node.js on AKS Azure Cosmos DB (MongoDB) Bicep - todo-nodejs-mongo-aks

.NET templates

Template Front end Back end Database IaC AVM Repository
React + C# + SQL Database React on App Service ASP.NET Core on App Service Azure SQL Database Bicep - todo-csharp-sql
React + C# + Cosmos DB React on App Service ASP.NET Core on App Service Azure Cosmos DB (NoSQL) Bicep - todo-csharp-cosmos-sql
React + C# + SQL (Static Web Apps) React on Static Web Apps C# on Azure Functions Azure SQL Database Bicep - todo-csharp-sql-swa-func

Python templates

Template Front end Back end Database IaC AVM Repository
React + Python + MongoDB React on App Service Python (Flask/FastAPI) on App Service Azure Cosmos DB (MongoDB) Bicep - todo-python-mongo
React + Python + MongoDB (Container Apps) React on Container Apps Python on Container Apps Azure Cosmos DB (MongoDB) Bicep ✅ todo-python-mongo-aca
React + Python + MongoDB (Terraform) React on App Service Python on App Service Azure Cosmos DB (MongoDB) Terraform - todo-python-mongo-terraform
React + Python + MongoDB (Static Web Apps) React on Static Web Apps Python on Azure Functions Azure Cosmos DB (MongoDB) Bicep - todo-python-mongo-swa-func

Java templates

Template Front end Back end Database IaC AVM Repository
React + Java + MongoDB React on App Service Java (Spring Boot) on App Service Azure Cosmos DB (MongoDB) Bicep - todo-java-mongo
React + Java + MongoDB (Container Apps) React on Container Apps Java on Container Apps Azure Cosmos DB (MongoDB) Bicep ✅ todo-java-mongo-aca

Contributing templates

If you have a full-stack template that you'd like to contribute, see the Azure Samples contribution guide.

Your template should:

  • Include both front-end and back-end services
  • Use Azure Verified Modules when possible
  • Follow the azd template structure
  • Include a comprehensive README with setup instructions
  • Be listed in the Awesome AZD gallery

Next steps

  • Last updated on