Building an Azure Application Insights Dashboard with ASP.NET Core 8 API & React 18
Building an Azure Application Insights Dashboard with ASP.NET Core 8 API & React 18 This article provides a complete hands-on guide with full source code for every file building a monitoring dashboard that queries Azure Application Insights using KQL, secured with Microsoft Entra ID. ASP.NET Core 8 React 18 + TypeScript Azure Application Insights KQL Entra ID Auth TanStack Query Recharts Table of Contents Introduction What is Azure Application Insights? Features In-Depth Architecture & Execution Workflow Diagram Project Structure, Prerequisites & Packages Key Azure SDK Classes Explained (LogsQueryClient, MetricsQueryClient, Serilog) NuGet Packages Explained (Azure.Identity, Azure.Monitor.Query, Serilog) NPM Packages Explained (@azure/msal-browser, @azure/msal-react) API: Configuration (appsettings.json, AzureSettings.cs, EntraIdSettings.cs) API: Program.cs API: Models (LogEntry.cs, MetricModels.cs, KqlModels.cs) API: Service Int...