WeAreDevelopers Logo WeAreDevelopers
Sign in
For You LIVE
World Congress 2022 • Jun 15, 2022

Debugging Static Web Apps

Stacy Cashmore

Eliminate local CORS issues by unifying your frontend and APIs with the Azure SWA CLI. This reverse proxy lets you mock authentication and hit cross-stack breakpoints locally.

Pause
Mute Enter Fullscreen
#1 about 4 min

Hosting modern static web apps on Azure

Azure Static Web Apps simplifies deployments by combining serverless APIs and global static hosting into a unified resource.

#2 about 3 min

Proxying local API requests with a CLI tool

Connecting disparate local development servers requires leveraging the static web app CLI to proxy backend API requests.

#3 about 3 min

Hitting breakpoints and testing hot reload in Visual Studio

Attaching standard debugging tools to a routed local proxy enables full-stack breakpoint analysis and live interface updates.

#4 about 3 min

Consolidating local servers into a single terminal window

Combining client server execution and backend initialization into one terminal command reduces multi-tab development clutter.

#5 about 4 min

Mocking user authentication and roles locally for static apps

Simulating cloud identity providers locally eliminates the administrative overhead of managing real social media test accounts.

#6 about 3 min

Serving published static content locally to mirror production environments

Testing directly against distributed build outputs reveals fallback misconfigurations and routing errors hidden by development servers.

#7 about 3 min

Configuring startup commands with the CLI configuration file

Embedding startup flags into a shared JSON configuration file normalizes complex command execution for the engineering team.

#8 about 3 min

Exploring frontend development choices beyond standard JavaScript frameworks

Transitioning between JavaScript and C-sharp highlights differing frontend development experiences for varied engineering backgrounds.

Matching moments

2:07 min

Integrating endpoints with Azure Static Web Apps

Sander ten Brinke Sander ten Brinke · World Congress 2024

2:10 min

Introduction to serverless websites with Blazor and Azure Functions

Menaka Baskerpillai · LIVE

2:49 min

Designing a serverless web architecture for frontend applications

Menaka Baskerpillai · LIVE

3:07 min

Unifying frontend and backend development with ASP.NET Core Blazor

Christian Giesswein Christian Giesswein · World Congress 2023

2:47 min

Recapping serverless architectures and Swift cloud integrations

Sebastien Stormacq Sebastien Stormacq · LIVE

4:14 min

Debugging serverless code locally using IDE cloud extensions

Cheng Zhang · LIVE

More from World Congress 2022

What the heck do "declarative" and "reactive" actually mean? thumbnail
30:40
about 4 years ago

What the heck do "declarative" and "reactive" actually mean?

André Kovac

The Design and Evolution of C++ thumbnail
1:01:15
about 4 years ago

The Design and Evolution of C++

Bjarne Stroustrup

But, you're not Facebook thumbnail
31:12
about 4 years ago

But, you're not Facebook

Kristijan Ristovski

Communicate efficiently with Software Architecture Diagrams thumbnail
28:11
about 4 years ago

Communicate efficiently with Software Architecture Diagrams

Simon Lasselsberger

Get Ready for Jakarta EE 10! thumbnail
42:53
about 4 years ago

Get Ready for Jakarta EE 10!

Ivar Grimstad

Keep your code refactorable thumbnail
26:46
about 4 years ago

Keep your code refactorable

Gerrit Stapper

Upcoming sessions on this topic

Open session

World Congress 2026 North America

September 23, 2026 · 13:15–15:15

Stage 8

The AI-Ready Developer Environment — Local Setup, Reproducibility, and Docker

Michael Irwin

Developer Success, Docker

Michael Irwin
Open session

World Congress 2026 North America

September 25, 2026 · 09:40–10:10

Stage 3

Still on 4.8 or lower? A Practical Guide to Moving Your "Un-Migratable" .NET Apps

Isaac Levin

Developer Advocate

Isaac Levin
Open session

World Congress 2026 North America

September 23, 2026 · 13:00–13:30

Stage 2

Parallelize Your Development with GitHub Copilot

Pamela Fox

Principal Cloud Advocate, Microsoft

Pamela Fox
Open session

World Congress 2026 North America

September 24, 2026 · 13:30–15:30

Stage 12

GitHub Actions

Austen Stone

Senior Field Actions Specialist, GitHub

Austen Stone
Open session

World Congress 2026 North America

September 24, 2026 · 11:00–11:30

Stage 6

Accelerating development and managing agents with the GitHub Copilot app

Christopher Harrison

Senior Developer Advocate, GitHub

Christopher Harrison
Open session

World Congress 2026 North America

September 25, 2026 · 10:20–10:50

Stage 9

Testing React Backends Like a Pro: Mocking Databases with SQLite

David Morris

Solution Architect

David Morris

Related videos

Blazor and Azure functions for Serverless Website thumbnail
20:15
LIVE • over 5 years ago

Blazor and Azure functions for Serverless Website

Menaka Baskerpillai

Blazor – the new SPA Framework for everyone who hates JavaScript thumbnail
29:52
World Congress 2023 • almost 3 years ago

Blazor – the new SPA Framework for everyone who hates JavaScript

Christian Giesswein

Blazor Unleashed: The Future of .NET Web Development thumbnail
26:38
World Congress 2025 • about 1 year ago

Blazor Unleashed: The Future of .NET Web Development

Christian Giesswein

.NET Microservices in Azure Container Apps thumbnail
32:42
LIVE • almost 2 years ago

.NET Microservices in Azure Container Apps

Ryan Niño Dizon

Developer Tools for Microsoft Azure thumbnail
25:41
World Congress 2022 • about 4 years ago

Developer Tools for Microsoft Azure

Radu Vunvulea

Develop enterprise-ready applications for Microsoft Teams with Azure resources on modern web technologies thumbnail
43:26
World Congress 2021 • about 5 years ago

Develop enterprise-ready applications for Microsoft Teams with Azure resources on modern web technologies

Markus Möller

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.