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 · WWC 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 · WWC 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
almost 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

Testing React Backends Like a Pro: Mocking Databases with SQLite

David Morris

Solution Architect

David Morris
Open session

World Congress 2026 North America

Architecting AI in Angular: WebMCP, A2UI, and the Agent Experience

Ankita Sood

Sr. Principal Engineer @ Secureworks | Angular GDE

Ankita Sood
Open session

World Congress 2026 North America

Ship 10x Faster: AI-Powered Development with Claude Code and MCP Tools

Viktoria Semaan

Principal Technical Evangelist at Databricks

Viktoria Semaan
Open session

World Congress 2026 North America

GitHub’s Team X-Ray: Your Repository Knows More About Your Team Than Your Team Does

Andrea Griffiths

Senior Developer Advocate

Andrea Griffiths
Open session

World Congress 2026 North America

Beyond Vibe Coding: Using CLI Tools as Your AI Counterpart in Pair Programming

Ron Veen

Java enthusiast and Special agent for Team Rockstars IT

Ron Veen
Open session

World Congress 2026 North America

Fast by Design: A Masterclass in High-Performance Web Engineering

Aaron Grogg

Senior web developer, committed to improving the user experience by improving web performance

Aaron Grogg

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
WWC 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
WWC 2025 • 12 months 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
WWC 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
WWC 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.