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.

job ad

Saby Company

Saby Company
Delebio, Italy

Remote
Intermediate
Node.js

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

Troubleshooting common Blazor and Azure Function issues
06:36 MIN

Troubleshooting common Blazor and Azure Function issues

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

Configuring Azure Storage for static website hosting
05:56 MIN

Configuring Azure Storage for static website hosting

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

Why use Blazor with Azure Functions for serverless apps
03:30 MIN

Why use Blazor with Azure Functions for serverless apps

Blazor and Azure functions for Serverless Website

A real-world Blazor app on web, desktop, and mobile
02:04 MIN

A real-world Blazor app on web, desktop, and mobile

Blazor Unleashed: The Future of .NET Web Development

Featured Partners

Related Videos

See all videos
Blazor and Azure functions for Serverless Website20:15

Blazor and Azure functions for Serverless Website

Menaka Baskerpillai

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

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

Markus Möller

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

Blazor – the new SPA Framework for everyone who hates JavaScript

Christian Giesswein

Blazor Unleashed: The Future of .NET Web Development26:38

Blazor Unleashed: The Future of .NET Web Development

Christian Giesswein

From Painful to Easy: Discover .NET Aspire26:46

From Painful to Easy: Discover .NET Aspire

Shako Turashvili

.NET Microservices in Azure Container Apps32:42

.NET Microservices in Azure Container Apps

Ryan Niño Dizon

Developer Tools for Microsoft Azure25:41

Developer Tools for Microsoft Azure

Radu Vunvulea

Microfrontends with Blazor: Welcome to the Party!58:32

Microfrontends with Blazor: Welcome to the Party!

Florian Rappl

Related Articles

View all articles
CH
Chris Heilmann
WWC24 Talk - Scott Hanselman - AI: Superhero or Supervillain?
Join Scott Hanselman at WWC24 to explore AI's role as a superhero or supervillain. Scott shares his 32 years of experience in software engineering, discusses AI myths, ethical dilemmas, and tech advancements. Engage with his live demos and insights o...
WWC24 Talk - Scott Hanselman - AI: Superhero or Supervillain?
Dev Digest 113 - Debugging above the cloud
Hello there and welcome to Dev Digest 113! This time, we got an old friend in the sky back, jQuery asks us to upgrade and AI is eating the web. Also, are you sure the LLM you use is secure against code injection?News and ArticlesGood news everyone! N...
Dev Digest 113 - Debugging above the cloud
LM
Luis Minvielle
The Best Upcoming IT Webinars
Now that you already know what IT webinars are and how they can help you level up your professional appeal, you might want actually to get into one. Live tech webinars are one of the best ways to stay on top of the latest trends and tools because eit...
The Best Upcoming IT Webinars
DC
Daniel Cranney
Visual Studio Code Shortcuts for Cleaning Up Your Code
IntroductionEvery developer knows the stress of working with poorly maintained code with untidy files, unused imports, no comments to speak of. The pressure of working quickly can mean code becomes bloated, hard-to-read and filled with bad practices,...
Visual Studio Code Shortcuts for Cleaning Up Your Code

From learning to earning

Jobs that call for the skills explored in this talk.