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

September was yet another month filled with amazing content created by the Technical Community! 🚀

Remember, if you want to learn more about Azure Static Web Apps, we have:

👉 Tutorials
👉 Videos
👉 Sample Codes
👉 Official Documentation
👉 And much more!

If you want to see your content featured next month, share it with us! Don’t know how to do that? Don’t worry! We’ll explain how to participate at the end of this article. 😉

Special Thanks

We would like to express our gratitude to everyone who contributed their content in September! 🚀

Now, let’s check out what the community brought to us in September 2024!

Community Content Highlights – September 2024

Let’s take a look at the main content created by the community in September 2024!

Article: Build Scalable Azure Static Web Apps for Handling High Traffic Websites

Author: Lakindu Hewawasam

The article presents strategies for scaling Azure Static Web Apps to handle high traffic volumes, emphasizing the importance of adjustments to ensure global performance. It covers optimizations like asset compression, caching, and lazy loading, along with infrastructure improvements using Azure Front Door and CDN.

Backend scalability is discussed, focusing on the auto-scaling capabilities of Azure Functions. The use of Azure Monitor and Application Insights is recommended for proactive monitoring. Paid plans and advanced features are suggested to ensure high quality. Explore the full article for more details.

Link: Build Scalable Azure Static Web Apps for Handling High Traffic Websites

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

Author: Microsoft Azure Developers Youtube Channel

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

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

Author: Microsoft Azure Developers Youtube Channel

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

The guide demonstrates how to set up the Blazor app, publish with GitHub Actions, configure custom domains, and set up a backend with Azure Functions. It also covers traffic testing, CDN usage, and database connections. To learn each step in detail, watch the full video.

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

Author: Microsoft Azure Developers Youtube Channel

Another video from the Microsoft Azure Developers channel, this guide is aimed at beginners who want to deploy Angular sites to the cloud using Azure Static Web Apps. The tutorial is detailed and easy to follow, covering everything from creating the Angular app to publishing on Azure.

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

Author: Microsoft Azure Developers Youtube Channel

And to close with a golden key, we have another video from the Microsoft Azure Developers channel! This guide is for those who want to deploy React sites to the cloud using Azure Static Web Apps. The tutorial is comprehensive and easy to follow, covering everything from setting up the React app to publishing on Azure.

Documentation: Enterprise-grade edge

Author: Microsoft Azure Docs

This documentation provides an overview of the new Enterprise-Grade Edge feature for Azure Static Web Apps, integrating Azure Front Door and Azure CDN to offer faster page loading, enhanced security, and greater reliability for global applications.

Enterprise-Grade Edge Overview (09/23/2024): Azure Static Web Apps now includes the Enterprise-Grade Edge, integrating Azure Front Door and Azure CDN to provide faster page loading, enhanced security, and greater reliability for global applications.

Key Features: The service covers over 118 edge locations in 100 metropolitan cities, offering caching capabilities, proactive DDoS protection, IPv6 and HTTP/2 support, and optimized file compression.

Caching Levels: Enterprise-Grade Edge allows caching at CDN, DNS, and browser levels, with options to configure custom cache-control headers to optimize performance.

Configuration Options: Users can enable Enterprise-Grade Edge via a managed experience in the Azure portal (with no configuration changes or downtime) or manually, for greater control over CDN configuration, traffic limits, and web application firewall usage.

Considerations and Limitations: Enabling the feature incurs additional costs. Removing a custom domain may take up to 48 hours to propagate, and Private Endpoint is not supported.

Link: Enterprise-Grade Edge Overview

Article: Unleashing My Passion for Azure Static Web Apps!

Author: Stacy Cash

In this article, Stacy Cash shares his passion for Azure Static Web Apps, highlighting the ease of deployment and integration with Azure Functions. He also announces an online conference that will take place on October 31, 2024, featuring talks and demonstrations on using this technology, from basic introductions to advanced use cases. If you are looking for an enthusiastic and detailed view of Azure Static Web Apps, this article is a great choice.

Link: Unleashing My Passion for Azure Static Web Apps

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

Author: Microsoft Azure Docs

This quickstart guide teaches you how to create and deploy your first static site using Azure Static Web Apps with the Azure CLI. The tutorial covers prerequisites, environment variable configuration, repository creation, and app publishing, offering a practical and efficient way to get started with the service.

Link: Quickstart: Building your first static site with the Azure Static Web Apps using the CLI

Article: CI/CD with GitHub Actions on Azure Web App (Dev, QA and Prod)

Author: Lorenzo Uriel

The article “CI/CD with GitHub Actions on Azure Web App (Dev, QA and Prod)” guides you through creating a complete CI/CD pipeline for Azure Static Web Apps using GitHub Actions. It covers how to set up separate environments for Development, QA, and Production, ensuring an organized and secure deployment process. Ideal for those looking to automate cloud application delivery efficiently.

Link: CI/CD with GitHub Actions on Azure Web App (Dev, QA and Prod)

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

Author: Sander ten Brinke

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

Link: Stop building CRUD APIs, use Data API Builder instead!

Article: Deploying a Full-stack Next.js App to Azure Web App through Bitbucket Pipelines

Author: @tharakahalkewelatecs

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

Link: Stop building CRUD APIs, use Data API Builder instead!

Article: Deploying a Full-stack Next.js App to Azure Web App through Bitbucket Pipelines

Author: @tharakahalkewelatecs

This guide details the process of deploying a full-stack Next.js application to Azure Web App using Bitbucket Pipelines. It covers everything from initial project setup, adjustments in Bitbucket and Azure, to using pipelines for automating build and deployment. Ideal for those looking for a practical solution to host Next.js applications on Azure.

Link: Deploying a Full-stack Next.js App to Azure Web App through Bitbucket Pipelines

Article: Implementing Custom Middleware in .NET 8 for Azure Web Apps

Author: NashTech

The article “Implementing Custom Middleware in .NET 8 for Azure Web Apps” explores how to configure custom middleware in .NET 8 to add functionalities such as request logging and processing time. With detailed instructions on creating, local testing, and deploying to Azure Web Apps, it’s ideal for those looking to apply middleware in real-world scenarios.

Link: Implementing Custom Middleware in .NET 8 for Azure Web Apps

Video: How to host a website in Microsoft Azure for Free

Author: Azure Innovation Station

This video explains how to host a website for free on Microsoft Azure, highlighting 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 the 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?

Enjoyed the article? Want to see your content featured next month? It’s simple! Let us explain how you can participate:

Create content about Azure Static Web Apps (article, video, project, or podcast).

Share it on social media using the hashtag #AzureStaticWebApps.

Post it on the official Azure Static Web Apps repository on GitHub, under the Discussions tab. Find the topic called This Month In Azure Static Web Apps and share your content link there.

This way, your content could be shared on Microsoft TechCommunity in the next edition!

Conclusion

And these were the highlights of the Azure Static Web Apps Community in September 2024! We thank everyone who contributed their content and helped strengthen this amazing community! If you want to see your content featured next month, don’t forget to share it with us! 🌟

Until the next edition! 👋

​Microsoft Tech Community – Latest Blogs –Read More