JSNation.com - Azure Static Web Apps (SWA) with Azure DevOps

1. DevOps.JS
Workshop
Nick Trogh @nicktrog
Suzanne Daniels @suushier
Juarez Junior @juarezjunior
I see you want to run
some Static Web Apps
on Azure.
Do you want some help
with that?
https://aka.ms/runswa

2. deploy your web assets to cloud storage, create,
and assign your own SSL certificate, create your API on a cloud
server, establish a reverse proxy that allows your app to make
calls to the API, distribute the app globally, and set up your own
CI/CD process.
SSL Cert
API
Process
https://aka.ms/runswa

3. ├ angular-app 👈 The Angular client app
├ react-app 👈 The React client app
├ svelte-app 👈 The Svelte client app
└ vue-app 👈 The Vue client app
https://aka.ms/runswa

4. https://aka.ms/runswa

5. https://aka.ms/runswa

6. Prerequisites
https://aka.ms/runswa

7. Dependencies
1. Make sure you have Node.js installed (and in your path ;)
# Using Ubuntu
curl -fsSL https://deb.nodesource.com/setup_15.x | sudo -E bash -
sudo apt-get install -y nodejs
# Using Debian, as root
curl -fsSL https://deb.nodesource.com/setup_15.x | bash -
apt-get install -y nodejs
https://aka.ms/runswa

8. Dependencies
2. VS Code
3. VS Code Azure Static Web Apps Extension
4. Azure Functions Core Tools
https://aka.ms/runswa

9. Signing into MS Learn
https://aka.ms/runswa

24. YAML