DEV Community

Cover image for New tips & tricks for your Azure Static Web Apps
Yohan Lasorsa for Microsoft Azure

Posted on

New tips & tricks for your Azure Static Web Apps

About a year ago, we published a series of videos to help you get the most out of Azure Static Web Apps. It's time to update it with fresh tips, as we got new exciting tools to improve your dev experience!

If you've never heard of Static Web Apps (or SWA for short), it's a web app hosting service provided by Azure, offering streamlined full-stack development with many built-in features like authentication, customizable routing, serverless functions and more. It also has a great free tier 😉

Tip #18: Run, build and deploy your apps with the new SWA CLI

With the release of the new SWA CLI, it's never been easier to get started with Azure Static Web Apps! With the new commands you can configure your project to test it locally with the emulator, and deploy it directly from the CLI in a few minutes. It also support multiple configurations, and it's compatible with monorepos. Watch the video to learn how to get started with the new commands.

Tip #19: End-to-end browser debugging of your Static Web Apps with VS Code

I love web development, but when you're trying to debug your app, whether it's the HTML, CSS or JavaScript, it always involves a lot of painful back and forth between your code editor and the browser. But thanks to this new VS Code extension, you can now preview and debug your apps without having to leave your editor, all from a single window! And it even comes with built-in hints and support for accessibility testing, so you won't have any excuses to not make your app accessible.

Tell us your feedback!

We're also here on dev.to to listen and help as much as we can! 🙂

Please tell us your experience, your difficulties and questions, and what videos you would like to see next in this series!

Discussion (0)