Welcome to the February 2023 edition of This Month in SWA 🎉

Product News​

This section covers recent news or announcements from the product team. Read on to learn the latest news from the world of Azure Static Web Apps!

• Feb 15 | Public preview: Python 3.10 Support By using Python 3.10 for your app, you can leverage the latest language and runtime improvements in Python. To use Python 3.10 in your Azure functions, please use Functions version 4.x. Azure Static Web Apps support for Python 3.10 follows the Python 3.10 lifecycle. | Read More For Details!

• Feb 08 | Update: Enhanced Next.js Hybrid support in Static Web Apps Static Web Apps recently enhanced the support for Next.js Hybrid rendering. It now has support for standalone and for split deployment (of static and dynamic content). These changes will reflect in your Next.js SSR apps on redeploy. | Comment on the thread to give your feedback

• Jan 26 | Welcome to Azure Static Web Apps Community Standups! This is a monthly livestream covering news, demos and product updates! In the first edition of the SWA Community Standup, you'll get to meet the team, learn more about the product, explore community resources, and see quickstart demos with your favorite developer tooling! | Bookmark The Playlist!

Dev Resources​

This section covers content, events and code samples from Microsoft authors. Check them out for relevant learning resources and best practices.

• Feb 16 | youtube.com - Why I Have Fallen In Love with Azure Static Web Apps | Complete Beginner's Guide by James Montemagno. No matter if you are building a web app with libraries and web frameworks like Blazor, Angular, React, Svelte, Vue, Next.js, Nuxt.js, Gatsby, Hugo, VuePress, or basically anything that has static content (HTML, CSS, JavaScript), you can take advantage of Azure Static Web Apps. In this video I walk through how to create your very first Azure Static Web app, how to deploy it with GitHub actions, how to communicate with an Azure Function backend, and how to setup a full custom domain name with SSL certs! In under 30 minutes!

• Feb 07 | techcommunity.microsoft.com - How to setup Built-in Authentication for Azure SWA using Azure Active Directory by Joey Huang. Azure Static Web Apps provides 2 mechanisms for authentication: built-in auth and custom auth. It enables authentication by simply defining the routing rules and roles in the staticwebapp.config.json config file. Let's walk through enabling built-in auth using Azure AD step-by-step!

• Jan 24 | techcommunity.microsoft.com - Integrating network isolated backends with Azure Static Web Apps by Thomas Gauvin. Azure Static Web Apps allows you to easily host your web apps globally, with built-in support for APIs, staging environments and more. With the new API integration feature you can also link network isolated backends to benefit from this feature’s key benefits: integrated security and seamless routing. Read the post for more details!

Community Buzz​

• Feb 17 | medium - Hosting your student portfolio for free on Azure static web Apps As a student, it can be difficult😒😒 to showcase your work to potential employers, especially when you don’t have a personal website or the means to host one. By hosting your portfolio on Azure Static Web Apps, you can get a professional and easily accessible portfolio to help you stand out from other applicants. Learn how!

• Jan 16 | dev.to - Serverless in Azure using Static Web Apps, Functions and Cosmos DB by Arnab Choudhuri In this post, we look at Serverless development on Azure - from tools for local development, to built-in authentication support, HTTP-triggered functions, seamless integration with a data layer built in CosmosDB. Finally we look at the CI/CD using GitHub Actions - all in the context of a real-world scenario.

• Jan 03 | dev.to - Deploy A Single Page Application to Azure Static Webapp using TeamCity, Jenkins or any CI, or command line by Ghassan Karwchan I was trying to setup a deployment for an SPA application to an Azure Static Web app using TeamCity, but most of the tutorials I found was doing the deployment through CI/CD of Github's Actions .. But what if .. we need to do it on demand from TeamCity, or any other CI/CD tool? You can do this using the Azure Static Web Apps CLI! Learn how.

• Case Study: | github.com - Peacock VS Code Extension Docs on SWA by John Papa. Want to check out a real-world case study that you can replicate for your own scenarios? C vscode-peacock is a VS Code extension that lets you subtly change the colors in your editor to reflect your context! It has over 2.1M installs and 8.5M+ downloads - and has its documentation hosted on Azure Static Web Apps.

Upcoming Events​

This section highlights in-person or online events that are likely to feature Azure Static Web Apps content or developer conversations - links to CFPs or registration links are welcome!

• Feb 22 | ✨ Join LIVE for Azure Static Web Apps Community Standups ✨ Meet members of the Azure Static Web Apps team as they cover the latest news, demos and announcements in a livestreamed event (12pm EST).
• Feb 1-Mar 1 | Are you a pro-dev who wants to contribute to the Low-Code revolution? Join us all-month for Low Code February for #30DaysOfLowCode learning!

Did You Know?​

Each month, we hope to turn the spotlight on one key resource or person that is worth knowing about, in the context of Azure Static Web Apps.

Want hands-on experience with Azure SWA adapter + SvelteKit? Check out Creating a SvelteKit app for Azure Static Web Apps - a 4-part series from a member of the Svelte team, that covers end-to-end flow of code from the local machine to the Azure SWA deployment shown below.

• Part 1 - Create Svelte App
• Part 2 - Add an API
• Part 3 - Use the Azure SWA adapter
• Part 4 - Deploy to Azure

🚨 Note: The tutorial is from Nov 2022, pre-release of SvelteKit 1.0. If you try this out and have updates or learnings, do share this with us as a contribution to the next roundup!

🚨 | Call For Content​