
How to Deploy Full Stack .NET 9 & Angular Apps to Azure (Azure DevOps CI/CD Tutorial)
Learn how to deploy a full stack ASP.NET Core 9 & Angular 19 application to Microsoft Azure using a complete Azure DevOps CI/CD pipeline. This step-by-step tutorial guides you through SQL Server migration, Azure App Services, automated build/release pipelines, Application Insights telemetry, and production deployment. 📂 Source Code: https://www.patreon.com/posts/asp-net-web-api-145956711 🎓 Full Playlist: https://www.youtube.com/playlist?list=PL0mNG_n6Coht-mamn1IrVhsLSzT7MY3hv 🔥 What You'll Learn: • Migrating SQLite to Azure SQL Server • Provisioning Azure Web Apps & SQL Databases • Setting up Azure DevOps CI/CD Pipelines from scratch • Configuring Environment Variables & CORS rules • Production API testing with Scalar & Application Insights • Handling Angular client routing with IIS web.config & PWA support ⏱️ TIMESTAMPS 00:00 Swapping SQLite with SQL Server in ASP.NET Core 02:26 Applying database migrations to SQL Server 04:02 Testing local database connection & running the app 06:02 Azure Portal setup: Creating Resource Group & SQL Server 08:45 Provisioning Azure SQL Database & configuring firewall rules 11:42 Creating Azure Web App for ASP.NET Core API 13:50 Creating Azure Web App for Angular Client 15:52 Configuring CORS settings in Azure Web App 17:04 Setting up Azure DevOps Project & Git Repository 19:20 Configuring Build Pipeline (CI) for ASP.NET Core API 22:06 Setting up Release Pipeline (CD) & Azure Service Connection 28:37 Configuring Database Connection Strings in Azure Environment Variables 36:58 Integrating Scalar Open API for production API testing 38:43 Enabling Application Insights for telemetry & monitoring 42:39 Setting up CI/CD Pipeline for Angular project in Azure DevOps 45:30 Configuring Angular environment files for production API URLs 54:07 Creating web.config for IIS routing & PWA support 56:45 Testing end-to-end full-stack app on Azure & PWA installation #Azure #dotnet #Angular #CICD #AzureDevOps #fullstack #cloud