Skip to main content

Azure Demo Architecture

Demo Notice: This is fictional architecture content for demo only.

High-level design​

  1. Browser hits Azure Static Web Apps (SWA) hosting the built Docusaurus site.
  2. Authenticated calls proxy through APIM to a single Azure Functions app.
  3. Azure Monitor ingests logs and metrics for SWA, APIM, and Functions.

Diagram (textual)​

  • Client → SWA → APIM → Functions → (mock data store)
  • Diagnostics: App Insights/Monitor taps APIM + Functions logs

Networking​

  • SWA default domain; optional custom demo.contoso.example.
  • APIM with managed gateway; mock WAF rules enabled.
  • Functions uses consumption plan for demo.

Identity and access​

  • SWA anonymous for static content; APIM enforces API key (demo key only).
  • No real secrets: demo key placeholder demo-api-key.

Deployment artifacts​

  • Source: this repository (docs only, fictional).
  • Build output: build/ from npm run build.
  • Publish target (demo): Cloudflare Pages or Azure SWA (choose one in real life).