Stacy Cashmore

Debugging Static Web Apps

Stop juggling separate ports for your frontend and API. The Azure Static Web Apps CLI unifies your local environment for a seamless debugging experience.

Debugging Static Web Apps
#1about 2 minutes

Simplifying deployment with Azure Static Web Apps

Azure Static Web Apps combine static files and serverless APIs into a single resource, avoiding the complexity of managing multiple services and CORS.

#2about 1 minute

Solving local development challenges with the SWA CLI

The Azure Static Web Apps CLI provides the missing proxy layer to connect your locally running client and API, replicating the cloud environment.

#3about 5 minutes

Debugging the client and API with breakpoints and hot reload

Use the SWA CLI as a proxy to enable full debugging with breakpoints in both your Blazor front end and Azure Functions API, and leverage hot reload for faster iteration.

#4about 3 minutes

Running the entire application with a single command

Consolidate your local development workflow by using SWA CLI flags to automatically start both the client dev server and the Functions API from one terminal.

#5about 4 minutes

Mocking authentication and user roles locally

The SWA CLI includes a built-in authentication emulator that allows you to fake user logins and dynamically assign roles for testing protected routes.

#6about 2 minutes

Testing against published static files for production parity

Point the SWA CLI directly to your application's build output folder to test against true static files, ensuring production-like behavior for routing and fallbacks.

#7about 2 minutes

Using a configuration file to manage SWA CLI commands

Create a `swa-cli.config.json` file to define and name complex startup configurations, making it easy for your team to run the application consistently.

#8about 2 minutes

Summary and resources for the SWA CLI

Find links to the open-source GitHub repository and official Microsoft Learn documentation to get started with the Azure Static Web Apps CLI.

Related jobs
Jobs that call for the skills explored in this talk.

Matching moments

Integrating directly with Azure Static Web Apps
02:28 MIN

Integrating directly with Azure Static Web Apps

Say goodbye to building boring APIs with Azure Data API Builder

Hosting a Blazor WebAssembly app on Azure Storage
05:16 MIN

Hosting a Blazor WebAssembly app on Azure Storage

Blazor and Azure functions for Serverless Website

Debugging Azure authentication locally and remotely
10:17 MIN

Debugging Azure authentication locally and remotely

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

Why build serverless websites with Blazor and Azure Functions
02:10 MIN

Why build serverless websites with Blazor and Azure Functions

Blazor and Azure functions for Serverless Website

Troubleshooting common Blazor serverless deployment issues
04:43 MIN

Troubleshooting common Blazor serverless deployment issues

Blazor and Azure functions for Serverless Website

Q&A: SynchronizationContext, tooling, and challenges
04:13 MIN

Q&A: SynchronizationContext, tooling, and challenges

Asynchronicity and multithreading in C#

Inspecting a Blazor application's structure and modes
07:43 MIN

Inspecting a Blazor application's structure and modes

Blazor – the new SPA Framework for everyone who hates JavaScript

Using a JavaScript shell to host Blazor microfrontends
05:09 MIN

Using a JavaScript shell to host Blazor microfrontends

Microfrontends with Blazor: Welcome to the Party!

Featured Partners

Related Videos

See all videos
Developer Tools for Microsoft Azure
25:41

Developer Tools for Microsoft Azure

Radu Vunvulea

Blazor and Azure functions for Serverless Website
20:15

Blazor and Azure functions for Serverless Website

Menaka Baskerpillai

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

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

Markus Möller

.NET Microservices in Azure Container Apps
32:42

.NET Microservices in Azure Container Apps

Ryan Niño Dizon

Blazor Unleashed: The Future of .NET Web Development
26:38

Blazor Unleashed: The Future of .NET Web Development

Christian Giesswein

Blazor – the new SPA Framework for everyone who hates JavaScript
29:52

Blazor – the new SPA Framework for everyone who hates JavaScript

Christian Giesswein

Say goodbye to building boring APIs with Azure Data API Builder
30:01

Say goodbye to building boring APIs with Azure Data API Builder

Sander ten Brinke

From Painful to Easy: Discover .NET Aspire
26:46

From Painful to Easy: Discover .NET Aspire

Shako Turashvili

Related Articles

View all articles
Christina Schaireiter
Why Attend a Developer Event?
Modern software engineering moves too fast for documentation alone. Attending a world-class event is about shifting from tactical execution to strategic leadership. Skill Diversification: Break out of your specific tech stack to see how the industry...
Why Attend a Developer Event?

From learning to earning

Jobs that call for the skills explored in this talk.