DEV Community

Glaucia Lemos for Microsoft Azure

Posted on

Special Edition - This Month in Azure Static Web Apps | November and December 2024

Image description

We're kicking off 2025 with a special edition of our monthly newsletter! As part of the year-end celebrations and the start of a new chapter, we’ve compiled the most inspiring and technical content from November and December 2024. Let’s ensure you didn’t miss anything while enjoying the holidays.

And speaking of 2025, get ready: this year will bring exciting news for Azure Static Web Apps! Over the coming months, we’ll share new launches, updates, and tutorials to help you enhance your skills and make the most of this amazing service.

Don’t forget to share your questions, suggestions, and feedback with us. We’re here to ensure the best experience possible with Azure Static Web Apps.

Let’s dive into the highlights from November and December 2024! 🚀

Community Content Highlights – November 2024

Deploying Static Web Apps to Azure With GitHub Actions

  • Author: The Dev Talk Show

This video covers deploying a standalone Blazor WebAssembly app to Azure Static Web Apps using GitHub Actions. The presenters guide you through setting up the environment, automating deployments, and resolving common errors. Check out the full video for technical details.


How to Host a Static Website with Azure Storage | How to Host a Frontend on Azure Storage Account

This video demonstrates hosting a static website using Azure Storage Account’s Static Website Hosting feature. Learn to configure the storage account, enable static hosting, and generate public URLs. Watch the video for a detailed walkthrough.


🚀 Deploying a Flutter Web App on Azure Static Web Apps

Image description

This article offers a step-by-step guide to hosting Flutter Web apps on Azure Static Web Apps with Azure DevOps. It also addresses CORS issues and pipeline configuration. Read the full article for insights.


Deploy Nitro apps to Azure Static Web Apps or Functions

Image description

This guide explains hosting Nitro applications on Azure Static Web Apps or Azure Functions. It covers local previews, CI/CD processes, and performance optimization. Check out the documentation for more details.


Build a Static Site With Azure Static Web Apps

Image description

This article explains how to build and deploy a static website using Azure Static Web Apps. Highlights include GitHub integration, free-tier benefits, and preview environments. A must-read for beginners!


Fix 404 Not Found Error in Azure Static Web Apps | Complete Solution Guide


Ultimate Guide to Hosting JavaScript-Based Single Page Applications (React, Angular, Vue.js) on Azure

Image description

This article compares hosting SPAs on Azure Static Web Apps, Azure App Service, Azure Blob Storage, and Azure Kubernetes Service. It highlights security, scalability, and cost considerations to help you choose the best option.


How to Host Your Website for FREE on Azure! (Yes, $0)

Learn to host a personal website for free using Azure Static Web Apps. This video demonstrates creating resources, connecting GitHub repositories, and deploying automatically. Watch the video to get started.


Running Umbraco On Azure Web Apps

Image description

This article discusses hosting Umbraco on Azure Web Apps, addressing key configurations and scalability considerations. It includes tips for optimizing performance and managing remote storage.


CI/CD - Shell Out

Image description

This article shares lessons from creating a custom CI/CD workflow for Hugo sites on Azure Static Web Apps. Learn about script-based deployments and preview environments for better control.


Community Content Highlights – December 2024

Azure Static Web Apps Playlist

A collection of videos covering various topics related to Azure Static Web Apps, ideal for new developers.


Building an Educational Game with AI Tools and Azure Static Web Apps (Part 1)

Image description

Discover how to create an educational game using Ren’Py, AI tools, and Azure Static Web Apps. Part 1 focuses on prototyping, while Part 2 dives into automating deployment. These articles combine creativity and technology—don’t miss them!


Building an Educational Game with AI Tools and Azure Static Web Apps (Part 2)

Image description

This article demonstrates automating the deployment of a game created with Ren’Py using GitHub Actions and Azure SWA. It focuses on simplifying production workflows and using preview environments for testing. The guide streamlines deployment while reducing errors and manual effort.


Specify your Node.js version for the Azure Static Web App GitHub Action

Image description

This article explains how to configure a specific Node.js version for Azure Static Web Apps. Ensure compatibility by specifying the desired version in your package.json file. Read the full guide for details.


How to Set Environment Variables for Azure Static Web Apps in GitHub Secrets & Variables

Learn how to securely store sensitive information like API keys using GitHub Secrets & Variables or the Azure Portal. Watch the video to optimize your deployment practices.


Setting Up Custom Domains in Azure Static Web Apps

Image description

Give your site a professional touch by configuring custom domains. This guide covers DNS record setup and domain verification. Explore this feature to enhance your project’s credibility.


Azure Static Web Apps 🚀

Azure Static Web Apps offers a cost-effective hosting solution with free and standard plans, ideal for front-end applications. It supports GitHub and Azure DevOps integration for continuous deployment, custom domains, and private endpoints for secure connections. Perfect for testing or production, it simplifies hosting while providing flexibility and scalability. 🚀


Static Web Apps: Simplified Deployment

Image description

This article demonstrates setting up and deploying Azure Static Web Apps using Azure DevOps or GitHub Actions. It covers creating resources, automating with YAML, and using custom tokens for secure authentication. Ideal for front-end apps, it simplifies deployment and integrates with tools like ASP.NET Web API for backends. 🚀


One-Shot: Azure Static Websites with Custom Domains Using Terraform

Image description

This guide covers configuring custom domains for static websites on Azure Storage using Terraform. Learn about the two-step approach to overcome DNS challenges.

How to Participate?

Enjoyed this edition? Want to see your content featured next month? It’s simple! Follow these steps:

  1. Create technical content about Azure Static Web Apps (article, video, project, or podcast).
  2. Share it on social media using the hashtag #AzureStaticWebApps.
  3. Post it on the official Azure Static Web Apps repository on GitHub under the Discussions tab, in the topic named This Month In Azure Static Web Apps.

🌟 Your content could be featured in Microsoft Azure Community in the next edition!

Conclusion

This was our special edition with highlights from November and December 2024! We thank everyone who contributed their content and strengthened the Azure Static Web Apps Community. 🚀

See you soon, with more exciting news and technical insights throughout 2025! Until then, take care! 👋

Top comments (0)