Series - Azure-Tips-and-Tricks-Static-Web-Apps


Setup Azure SQL Database to use with Azure Static Web Apps [Bonus] | Azure Tips and Tricks: Static…[MP4] [0:04:39] [2021/06/26]
Azure SQL Database enables serverless and hyperscale scenarios, all backed by the enterprise-grade SQL Server engine. This video shows how to setup the database and update your website, in this case a…


Setup Cosmos DB w/ a MongoDB API to use w/ Azure Static Web Apps [16 of 16] | Azure Tips and Tricks:…[MP4] [0:04:54] [2021/06/17]
MongoDB API is the most common method to interact with a database in JavaScript. Using CosmosDB allows you to use the API (and Mongoose framework) you're most familiar with while hosting your…


How to create your full-stack Azure Static Web Apps from a GitHub template [15 of 16] | Azure Tips…[MP4] [0:04:15] [2021/06/17]
While it's always possible to create a project from scratch, you'll often find its easier to start with a template! GitHub supports creating a new repository from an existing template, allowing you to…


Create JavaScript serverless apps with Azure Static Web Apps, etc [14 of 16] | Azure Tips and…[MP4] [0:04:10] [2021/06/17]
Almost every web project will require client and server-side code, and a database. Azure Static Web Apps allows you to create websites using tools you're already familiar with, including Mongoose.…


How to secure your C# API with Azure Static Web Apps [13 of 16] | Azure Tips and Tricks: Static Web…[MP4] [0:09:10] [2021/06/17]
Prevent unwanted users to access your C# API by configuring authentication and authorization in your Blazor Azure Static Web Apps. Interactive tutorials on Microsoft Learn:…


How to add a C# API to your Blazor web app [12 of 16] | Azure Tips and Tricks: Static Web Apps[MP4] [0:04:41] [2021/06/17]
Now that you built your web app with C# and Blazor, what about adding a serverless C# API to it? Have a look! Interactive tutorials on Microsoft Learn: https://aka.ms/Learn/StaticWebAppsWatch the full…


How to create a web app in C# with Blazor & Azure Static Web Apps [11 of 16] | Azure Tips and…[MP4] [0:06:08] [2021/06/17]
With Blazor you can use C# all the way to create full-stack web apps. Look at this video to build and deploy a complete serverless web app and API entirely written in C# with .Net, Blazor and Azure…


How to set up a custom domain name in Azure Static Web Apps [10 of 16] | Azure Tips and Tricks:…[MP4] [0:04:52] [2021/06/17]
Follow this tutorial to set up a custom domain instead of the default auto-generated one in your Azure Static Web Apps, along with a free HTTPS certificate. Interactive tutorials on Microsoft Learn:…


How to configure authorization in Azure Static Web Apps [9 of 16] | Azure Tips and Tricks: Static…[MP4] [0:03:52] [2021/06/17]
After implementing authentication, the next step is to manage access to your static web app and API using authorization and user roles, to prevent unwanted access and secure your app resources.…


How to integrate authentication in Azure Static Web Apps [8 of 16] | Azure Tips and Tricks: Static…[MP4] [0:07:35] [2021/06/17]
Learn how to manage and verify your users' unique identity with authentication, to provide them a secure personal space in your Azure Static Web Apps. Interactive tutorials on Microsoft Learn:…


How to add an API to your Azure Static Web App [7 of 16] | Azure Tips and Tricks: Static Web Apps[MP4] [0:09:58] [2021/06/17]
Once your static website is up and running, let's explore how to add a serverless API using Azure Functions to provide JSON data to consume in your web app. Interactive tutorials on Microsoft Learn:…


How to configure routing in Azure Static Web Apps [6 of 16] | Azure Tips and Tricks: Static Web Apps[MP4] [0:04:09] [2021/06/17]
Learn how to configure routing for Single Page Applications, create redirections and more with your Azure Static Web Apps. Interactive tutorials on Microsoft Learn:…


How to create your personal blog with Gatsby and Azure Static Web Apps [5 of 16] | Azure Tips and…[MP4] [0:07:17] [2021/06/17]
Learn how to create and deploy your own personal blog Gatsby and Azure Static Web Apps quickly with this short video. Interactive tutorials on Microsoft Learn: https://aka.ms/Learn/StaticWebAppsWatch…


How CI/CD and preview branches work with Azure Static Web Apps [4 of 16] | Azure Tips and Tricks:…[MP4] [0:07:23] [2021/06/17]
Learn how the CI/CD workflow works with GitHub Actions and Azure Static Web Apps, and how you can preview your pull requests changes in pre-production environments. Interactive tutorials on Microsoft…


How to deploy your first Azure Static Web Apps [3 of 16] | Azure Tips and Tricks: Static Web Apps[MP4] [0:01:57] [2021/06/17]
Discover how to deploy your website on Azure Static Web Apps by following this step-by-step tutorial. Interactive tutorials on Microsoft Learn: https://aka.ms/Learn/StaticWebAppsWatch the full series:…


What tools do you need to work with Azure Static Web Apps? [2 of 16] | Azure Tips and Tricks: Static…[MP4] [0:04:15] [2021/06/17]
Prepare your environment for streamlined web development with all the tools you need to create, test, deploy and debug your Azure Static Web Apps. Interactive tutorials on Microsoft Learn:…


What is Azure Static Web Apps and what can it be used for? [1 of 16] | Azure Tips and Tricks: Static…[MP4] [0:05:04] [2021/06/17]
Discover what Azure Static Web Apps is all about and why it can be an asset to your tech porfolio. Watch the complete series to discover all the features and how use them to improve your development…