Azure Static Web Apps Community Highlights

We’re back with another edition of the Azure Static Web Apps Community! :party_popper:

September was a month filled with amazing content created by the tech community! 🚀

To learn more about Azure Static Web Apps, see:

If you’d like us to feature your content next month, please share! Not sure what to do? are you okay! How to participate will be explained at the end of this article. 😉

special thanks

We’d like to thank everyone who contributed content in September! 🚀

Now let’s see what the community has in store for us in September 2024.

Let’s take a look at some of the key community-created content for September 2024!

Article: Building scalable Azure static web apps to handle high-traffic websites

This article presents a strategy for scaling Azure Static Web Apps to handle high traffic volumes and emphasizes the importance of scaling to ensure global performance. It covers optimizations such as asset compression, caching, and lazy loading, along with infrastructure improvements using Azure Front Door and CDN.

We discuss backend scalability with a focus on the autoscaling capabilities of Azure Functions. For proactive monitoring, we recommend using Azure Monitor and Application Insights. Paid plans and advanced features are suggested to ensure high quality. Take a look at the full article for more details.

Video: Deploy Next.js website to the cloud using Azure Static Web Apps – Beginner’s Guide

This video guide is a great starting point for beginners who want to learn how to deploy Next.js websites using Azure Static Web Apps. This tutorial covers all the necessary steps, from setting up a GitHub repository to deploying to Azure, all for free and quickly.

Video: Deploy Blazor websites to the cloud using Azure Static Web Apps – Beginner’s Guide

In this guide, Dheeraj Bandaru, Product Manager for Azure Static Web Apps, teaches you how to deploy Blazor sites to the cloud using Azure Static Web Apps. This video highlights the benefits of speed, cost savings, and security along with integrated frameworks like Angular and React.

This guide shows you how to set up a Blazor app, publish with GitHub Actions, configure a custom domain, and set up a backend with Azure Functions. It also covers traffic testing, CDN usage, and database connectivity. Watch the full video to learn more about each step.

Video: Deploying an Angular website in the cloud using Azure Static Web Apps – Beginner’s Guide

Another video from the Microsoft Azure Developer Channel, this guide is aimed at beginners who want to deploy Angular sites in the cloud using Azure Static Web Apps. The tutorials are detailed and easy to follow, covering everything from creating Angular apps to publishing them to Azure.

Video: Deploying a React website in the cloud using Azure Static Web Apps – Beginner’s Guide

To finish with the golden key, here’s another video from the Microsoft Azure Developer Channel! This guide is for people who want to deploy a React site to the cloud using Azure Static Web Apps. These tutorials are comprehensive and easy to follow, covering everything from setting up a React app to publishing to Azure.

Article: The Enterprise-Grade Edge

This article provides an overview of the new enterprise-grade Edge capabilities in Azure Static Web Apps, which integrate Azure Front Door and Azure CDN to deliver faster page loads, improved security, and increased reliability for global applications.

Enterprise-Grade Edge Overview (September 23, 2024): Azure Static Web Apps now includes an enterprise-grade edge that integrates Azure Front Door and Azure CDN to deliver faster page loads, improved security, and improved reliability for global applications.

Key features: The service covers more than 118 edge locations in 100 metropolitan areas and offers caching capabilities, proactive DDoS protection, IPv6 and HTTP/2 support, and optimized file compression.

Caching level: Enterprise-grade Edge allows caching at the CDN, DNS, and browser levels with the option to configure custom cache control headers to optimize performance.

Configuration options: Users can have greater control over CDN configuration, traffic limiting, and web application firewall usage by enabling enterprise-grade Edge through the management experience in the Azure portal (no configuration changes or downtime) or manually.

Considerations and limitations: Activating this feature incurs additional costs. Removing a custom domain may take up to 48 hours to propagate and private endpoints are not supported.

Article: Unleash your passion for Azure Static Web Apps!

In this article, Stacy Cash shares her passion for Azure Static Web Apps and highlights their ease of deployment and integration with Azure Functions. He also announced an online conference to be held on October 31, 2024 that will feature talks and demonstrations on the use of this technology, from basic introductions to advanced use cases. If you’re looking for a passionate and detailed look at Azure Static Web Apps, this article is a great choice.

Documentation: Quickstart: Building your first static site using the Azure CLI

This quickstart guide explains how to create and deploy your first static site using the Azure CLI and Azure Static Web Apps. This tutorial covers prerequisites, configuring environment variables, creating a repository, and publishing the app, providing a practical and efficient way to start the service.

Article: CI/CD with GitHub Actions for Azure Web Apps (Development, QA, and Production)

The article “CI/CD with GitHub Actions in Azure Web Apps (Dev, QA, and Prod)” walks you through creating a complete CI/CD pipeline for Azure Static Web Apps using GitHub Actions. We’ll cover how to set up separate environments for development, QA, and production to ensure an organized and secure deployment process. Ideal for those looking to efficiently automate cloud application delivery.

Article: Stop building CRUD APIs and use Data API Builder instead!

“Stop building CRUD APIs and use Data API Builder instead!” The article explores how Microsoft’s Data API Builder (DAB) simplifies API creation without the need to manually configure CRUD APIs. The authors highlight the benefits of DAB, including support for multiple databases and automatic creation of REST and GraphQL endpoints. Ideal for developers looking to streamline data exposure and reduce time spent on repetitive tasks.

Article: Deploying a full-stack Next.js app to an Azure web app with a Bitbucket pipeline

“Stop building CRUD APIs and use Data API Builder instead!” The article explores how Microsoft’s Data API Builder (DAB) simplifies API creation without the need to manually configure CRUD APIs. The authors highlight the benefits of DAB, including support for multiple databases and automatic creation of REST and GraphQL endpoints. Ideal for developers looking to streamline data exposure and reduce time spent on repetitive tasks.

Article: Deploying a full-stack Next.js app to an Azure web app with a Bitbucket pipeline

This guide details the process for deploying a full-stack Next.js application to Azure Web App using Bitbucket Pipelines. We’ll cover everything from initial project setup and orchestration with Bitbucket and Azure to using pipelines to automate builds and deployments. Ideal for people looking for a practical solution for hosting Next.js applications on Azure.

Article: Implementing custom middleware in .NET 8 for Azure Web Apps

The article “Implementing custom middleware in .NET 8 for Azure Web Apps” explores how to configure custom middleware in .NET 8 to add features such as request logging and processing time. It includes detailed instructions for creating, locally testing, and deploying Azure Web Apps, making it ideal for users who want to apply middleware in real-world scenarios.

Video: How to Host a Website on Microsoft Azure for Free

This video explains how to host a website on Microsoft Azure for free and highlights the benefits of Azure Static Web Apps. It covers features such as custom domain support, free SSL, continuous integration (CI/CD), and Azure Functions for backend. If you’re looking for a quick and easy solution to get your website online, this video is a great choice.

How to Participate

Did you enjoy the article? Want to see your content featured next month? It’s simple! Let us explain how to participate.

1. Create content (articles, videos, projects, or podcasts) for Azure Static Web Apps.

2. Share on social media using the hashtag #AzureStaticWebApps.

3. Post it on . Official Azure Static Web Apps repository GitHub Discussions tag. Find the topic Azure Static Web Apps this month Share links to your content there.

This will allow your content to be shared in the next version of the Microsoft TechCommunity!

conclusion

This was the highlight of the Azure Static Web Apps Community for September 2024! Thank you to everyone who contributes content and helps strengthen this amazing community! If you’d like to see your content featured next month, don’t forget to share it with us! 🌟

Until the next edition! 👋