This Month in Azure Static Web Apps

Welcome to the first edition of the Azure Static Web Apps Community! Every month, we share content created by the tech community. There will be an article, video, or podcast covering Azure Static Web Apps.

Would you like to have your content featured on TechCommunity? #ThisMonthAzureStaticWebApp? Here’s how!

1. Describe Azure Static Web Apps or create an article, video, podcast, or open source project related to it.

2. Share your content on Twitter, LinkedIn, or Instagram using hashtags. #AzureStaticWebApp.

3. Also, our Official Azure Static Web Apps GitHub repositoryBelow Discussions You can find the topic called tab. Azure Static Web Apps This Month. Share a link to your content depending on the month you want that content to be featured.

4. Done! We’ll share your content on Microsoft TechCommunity next month!

Whether you write in Portuguese, English, Spanish, French, or German, we want to share your content!

If you use Azure Static Web Apps with other services or technologies, feel free to share your content, too. No matter what programming language you use, we want to share your content, whether it’s JavaScript, TypeScript, Python, Java, C#, Go, Rust, or something else!

One more thing to note is that you don’t have to be an Azure Static Web Apps expert to share content. If you want to learn about the service and share your journey, go for it!

Now let’s take a look at July’s content!

Thank you very much!

Before I share any content, I want to thank everyone who shared their work in July! You all are amazing!

Shared Content | July 2024

Let’s take a look at the content that will be shared in July 2024!

Add an API to a React Static Web App Hosted on Azure

This article explains how to add an API to a React Static Web App hosted on Azure, how to set up your development environment with SWA CLI and VS Code, how to create an HTTP function in C#, and how to integrate the API with your React app to display data on your site.

Want to learn how to connect your React app to Azure’s APIs? Read the full article to learn how to add dynamic features to your project.

link: Add an API to a React Static Web App Hosted on Azure

Hosting a Next.JS static website on Azure Static Web App

This article explains how to host a static website built with Next.js using Azure Static Web Apps, covering everything from setting up a GitHub repository to continuous deployment on Azure. It’s the ideal solution for developers looking for simplicity, security, and scalability in their websites.

Want to learn how to host your Next.js site on Azure simply and efficiently? Read the full article and learn how to leverage the power of Azure Static Web Apps!

link: Hosting a Next.JS static website on Azure Static Web App

How to deploy a React PWA to an Azure Static Web App

This article shows you how to deploy a React PWA to Azure Static Web Apps using GitHub Actions and Azure DevOps, automating the deployment process, and creating the necessary resources using Bicep.

Want to learn how to streamline the deployment of your React PWA app? Read the full article to learn how to automate everything with GitHub Actions and Azure DevOps!

link: How to deploy a React PWA to an Azure Static Web App

Azure Static Web App: Seamless Microsoft Entra (Azure AD) Integration with Angular

This video shows you how to integrate Microsoft Entra (Azure AD) with an Azure Static Web App using Angular, including configuring SSO, registering an app, and displaying user information.

Want to learn how to integrate authentication into your Angular app using Microsoft Entra? Watch now and master this essential integration for a unified login experience!

link: Azure Static Web App: Seamless Microsoft Entra (Azure AD) Integration with Angular

Trimble Connect Workspace API 007 – Deployment

• author: LetsConstructIT YouTube Channel

This video shows how to use Azure Static Web Apps to deploy a local app to the cloud, access it on the web, and integrate it with Trimble Connect, including custom extensions.

Want to learn how to easily deploy your app to the cloud and integrate it with Trimble Connect? Watch the full video to learn how!

link: Trimble Connect Workspace API 007 – Deployment

Publish Blazor WASM to Azure Static Web App

• author: Abdul Rahman | Regina Sharon

This article shows you how to publish a Blazor WebAssembly (WASM) app to Azure Static Web Apps. It covers everything from initial project setup to troubleshooting common issues like 404 errors when refreshing a page. It also shows you how to customize the build process and configure a custom domain.

Want to learn how to publish your Blazor WASM app to Azure simply and effectively? Read the full article to learn how to set everything up step by step and make sure your app runs perfectly!

link: Publish Blazor WASM to Azure Static Web App

Azure Static Web Apps Community Standup: Building a RAG App Using App Spaces

• author: Skyler Hartle | Diraz Bandaru

This video introduces App Spaces, a new Azure tool that simplifies the creation and management of smart applications, especially when integrating Azure Static Web Apps and Azure Container Apps. During the session, we show you how to create and deploy a Retrieval-Augmented Generation (RAG) app using a simple interface that connects your GitHub repository and automates the CI/CD process.

Learn how to simplify building smart apps with Azure App Spaces! Watch the full video to learn how to deploy a RAG app in minutes. Don’t miss this opportunity to improve your cloud development skills!

link: Azure Static Web Apps Community Standup: Building a RAG App Using App Spaces

Serverless Single Page Application (Vue.js) using Azure Static Web Apps

• author: Florian Lens
• language: German

This article shows you how to build and deploy a single page application (SPA) using Vue.js and Azure Static Web Apps. It guides you through project creation and adding a serverless backend using Azure Functions, highlighting the ease of use and benefits of a serverless model for full-stack applications.

Want to learn how to deploy your Vue.js app to the cloud with Azure Static Web Apps and take advantage of serverless? Read the full article to learn how to build and manage full-stack apps simply and efficiently!

link: Serverless Single Page Application (Vue.js) using Azure Static Web Apps

conclusion

If you want to be featured next month #ThisMonthAzureStaticWebApp Write articles and share your content on social media with hashtags. #AzureStaticWebApp And it’s also on our official GitHub repository. We’re excited to share your content with you next month!

Remember, you don’t have to be an Azure Static Web Apps expert to share content. If you want to learn about the service and share your journey, go for it!

See you in the next issue!