Introduction to Azure Static Web Apps (English)

Links:

https://azure.microsoft.com/en-us/free/
https://azure.microsoft.com/en-us/pricing/details/app-service/static/
https://docs.microsoft.com/en-us/azure/static-web-apps/

Transcript

1. Introduction to
   Azure Static Web Apps
   Facundo Giuliani
   

   View Slide

2. Facundo Giuliani
   Systems Engineer
   Lead Web Developer @ MultiTracks.com
   GitKraken Ambassador
   Web fgiuliani.com
   GitHub @fgiuliani
   Twitter @facundozurdo
   

   View Slide

3. JAMSTACK
   JavaScript
   APIs
   Markup
   

   View Slide

4. JAMSTACK
   

   View Slide

5. JAMSTACK
   - Static Site Generators
   - Build
   - Deploy
   - API
   - Serverless
   

   View Slide

6. AZURE STATIC
   WEB APPS
   

   View Slide

7. “ Service that automatically
   builds and deploys full
   stack web apps to Azure
   from a GitHub repository.
   

   View Slide

8. STATIC WEB APPS
   

   View Slide

9. STATIC WEB APPS
   - Web Hosting
   - Integrated API
   - First-party GitHub integration
   - Globally distributed
   - Free SSL certificates
   

   View Slide

10. STATIC WEB APPS
    - Custom domains
    - Authentication provider integrations
    - Back-end routing rules
    - Generated staging versions
    

    View Slide

11. DEMO
    

    View Slide

12. STATIC WEB APPS
    

    View Slide

13. FUNCTIONS
    - Serverless applications
    - Support for different languages:
    JavaScript, TypeScript, C#, Java, Python, PowerShell
    - Pay-per-use pricing model
    - Bring your own dependencies
    - Integrated security
    

    View Slide

14. STATIC WEB APPS
    - Free Service (preview)
    https://azure.microsoft.com/en-us/free/
    - Azure Functions with pay-per-use model
    https://azure.microsoft.com/en-us/pricing/details/app-service/static/
    - Documentation
    https://docs.microsoft.com/en-us/azure/static-web-apps/
    

    View Slide

15. Thank you!
    Questions?
    Web fgiuliani.com
    GitHub @fgiuliani
    Twitter @facundozurdo
    

    View Slide