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

Upcoming sessions on this topic

Open session

Build a Zero-Cost AI Agent in Your Browser

  • Aishwarya Mathuria

    Adobe

    Computer Scientist

  • Nishant Thakur

    Adobe

    Senior Computer Scientist

Open session

Shipping MCP to Real Users: Scaling, Auth, and the PII Leak You Didn't See Coming

  • Hadar Geva

    Myop

    CTO & Co-founder

Open session

Supply Chain Security for the Everyday Engineer

  • Pradumna Saraf

    Kestra Technologies

    Quality Assurance Engineer

Open session

What I Got Wrong Shipping an MCP Server for Live Infrastructure

  • Pritesh Kiri

    Harness

    Developer Relations Engineer

Open session

Teaching AI Coding Agents to Build It Right the First Time

  • Sajeetharan Sinnathurai

    Microsoft

    Principal Product Manager

Open session

How is SWE & EM roles are changing in the age of AI

  • Amol Sharma

    Stripe

    Engineering Manager