Thursday, February 20, 2025

Static Web Apps, React.js SPA, and BFF Auth Patterns

I'm need to prove out some concepts related to React.js SPA applications and authentication.  To do this, I'm building a React.js app using Azure Static sites.  This page captures all of the learnings, tips, and tricks.

Getting Started

To get started I used the based instructions from Microsoft:

https://learn.microsoft.com/en-us/azure/static-web-apps/deploy-react?pivots=github

Renewing the Azure Deployment Tokens

Out of the box the Azure Static App leverages GitHub actions to manage deployments, which utilize tokens generated on Azure.  When these tokens expire your deployments will start to fail and you'll need to renew your tokens using the following guidelines:

https://learn.microsoft.com/en-us/azure/static-web-apps/deployment-token-management


Be Proactive

Those of us who are proactive are much more successful than those of us who are reactive. Follow some of these guidelines to be more proacti...