16 Tips to Master Your Azure Static Web Apps
Published Jun 17 2021 06:36 AM 3,701 Views


Azure Static Web Apps is a serverless web app hosting service offering streamlined full-stack development, with many built-in features designed to make your life easier. Because it's always hard to get started with any new technology, we created a series of practical, short videos with all the tips and tricks you need to get your apps up and running in a blink.


We choose to cover all the basics you need to get started, and then focus on specific use-cases that may be useful in most situations. With these videos, you'll get all the essential knowledge to move your project forward with Azure Static Web Apps!


The full video series is available for free here:



This series is made of 16 videos, organized in 4 modules each with a different focus. You can either follow all of them as a full course or pick some as you need to complete your skill set.


Azure Static Web Apps essentials


If you've never heard of Static Web Apps or if you're just being curious, this is the place to start. You'll discover the basics about it, install all the tools to work efficiently and see how fast you can get your website online. Then you'll set up a full CI/CD pipeline and see how to use pre-production environments, and finally create your own personal blog with Gatsby.


Building a shopping app

Now that you're ready to code, we'll cover the use case of building a shopping app progressively, configuring the routing, adding an API and securing your app with built-in authentication and authorization. And because as web developers we love to have nice looking URLs, we'll also see how to configure your custom domain step by step.


Using C# and Blazor to create full-stack web apps

With Blazor and Web Assembly you can use C# all the way to create full-stack web apps. This especially great if your're well versed in C#, and want to use your skills to create a comple serverless web app and API entirely written in C# with .Net. You'll start your journey here from the beginning, and see all the important aspects you need to care for while creating your Blazor app.


Using Cosmos DB with MongoDB API and Mongoose with your Static Web Apps

Almost every web project will require client and server-side code, and ultimately, a database. With Static Web Apps you've seen how to create and deploy websites, and we'll expand on that using tools you're already familiar with, including MongoDB and Mongoose for managing data. You'll save time learning how to create a complete app with a database from this starter kit, going through every steps you need to deploy your project and database.


SQL Database are everywhere and are still the go-to solution for most data workflows. With this bonus video, you'll learn how to setup an Azure SQL Database and use it in your website deployed on Static Web Apps.

Want more?

Videos are great for visual learning, but having additional forms of content is always helpful.
To complete the videos, we also have a full interactive Learn path on Static Web Apps with multiple in-depth tutorials. You'll also find lots of GitHub sample repos linked in the video descriptions.

Tell us your feedback!

Of course, we can't cover every single thing there is to know about Static Web Apps in these videos. But we want to give you all the essential knowledge you need to get started on your project.

And more importantly, we're also here to listen and help as much as we can! :)
Please tell us your experience, your difficulties and questions, and how we may improve this series in the comments.

On behalf of the whole team, THANK YOU for taking this journey with us! :folded_hands:
Version history
Last update:
‎Jul 05 2021 03:24 AM
Updated by: