Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Azure Static Web Apps in 45 min

Azure Static Web Apps in 45 min

I used this slidedeck at Global Azure 2023 to demonstrate how to get started with Azure Static Web Apps in 45 minutes.

This was a hands on talk. The demo application we deployed to Azure Static Web Apps can be found at https://github.com/ThorstenHans/global-azure-2023

Thorsten Hans

May 11, 2023
Tweet

More Decks by Thorsten Hans

Other Decks in Technology

Transcript

  1. • Intro • Hands-On Azure Static Web Apps • The

    Azure Static Web Apps CLI • Conclusion Agenda
  2. • Intro • Hands-On Azure Static Web Apps • The

    Azure Static Web Apps CLI • Conclusion Agenda
  3. Azure Static Web Apps is a service that automatically builds

    and deploys full stack web apps to Azure from a code repository.
  4. • Web hosting for HTML, JS, CSS • Integrated API

    Hosting (leveraging Azure Functions) • BYO-API: Link custom APIM, Container Apps, Functions • Custom Domains & Free SSL cert • Authentication: Integration with GitHub, Azure AD, Twitter Intro Key Features of Azure Static Web Apps
  5. • Always delivered through Azure CDN • CI/CD Integration with

    GitHub Actions / Azure DevOps • Staging deployments for your PRs • Management via Portal, Azure CLI or Azure Static Web Apps CLI Intro Key Features of Azure Static Web Apps
  6. • Intro • Hands-On Azure Static Web Apps • The

    Azure Static Web Apps CLI • Conclusion Agenda
  7. • Intro • Hands-On Azure Static Web Apps • The

    Azure Static Web Apps CLI • Conclusion Agenda
  8. • Intro • Hands-On Azure Static Web Apps • The

    Azure Static Web Apps CLI • Conclusion Agenda
  9. • Intro • Hands-On Azure Static Web Apps • The

    Azure Static Web Apps CLI • Conclusion Agenda
  10. Azure Static Web Apps CLI (swa) address common needs of

    developer inner loop (build & run locally, deploy to Azure, …) • It works on all platforms (Node.JS installation required) • Install it via npm install –g @azure/static-web-apps-cli The Azure Static Web Apps CLI
  11. • Intro • Hands-On Azure Static Web Apps • The

    Azure Static Web Apps CLI • Conclusion Agenda
  12. • Intro • Hands-On Azure Static Web Apps • The

    Azure Static Web Apps CLI • Conclusion Agenda
  13. • Azure Static Web Apps are the easiest way to

    deploy SPAs / SSGs to Azure • Built-In Azure Functions hosting is great to get started for more complex web apps • Preview deployments based on PRs are awesome, you can review changes by looking at the final example, instead of going through the change sets in code • You can run in Azure on the free tier or for ~ 8,50 € per app and month • If you’re already in Azure, you can forget about things like Netlify Conclusion