Discovering the power of Azure Static Web Apps
Seiji Villafranca
github.com/SeijiV13
seijivillafranca.com
by
Seiji Villafranca
github.com/SeijiV13
Senior Developer, KPN
Former Microsoft MVP
Former Auth0 Ambassador
Community Lead, AngularPH, Azure Philippines
Author
seijivillafranca.com
Talks
Azure?
Cloud computing Platform
Infrastructure as a Service (IaaS),
Platform as a Service (PaaS),
Software as a Service (SaaS)
services
Machine Learning
Database hosting
API Functions
Web Hosting
Storage
etc.
One Stop Shop
place everything in one platform
Deploying your web apps on a lightning speed
Common need of developers
Deployment Services
Azure
Static Web Apps
Web Apps
Azure Blob Storage Static Website
Static Web Apps
Azure
Released on May 12, 2021
Mainly used for hosting your Static site (HTML, CSS JavaScript) on the fly
Can be integrated easily with Github Actions and Azure Devops
Free SSL Certificates
Supports the Latest Frontend framework for deployment (Angular, React, Vue etc.)
Provided VS Code extensions for seamless configuration and deployment
Use and Advantage
Static Web Apps
Azure
Go with the flow
Code Changes
Static Content
Azure Functions
HTML CSS and JavaScript
Azure Pipelines
Github Actions
Build Finished
Static Web Apps
Azure
Pre-requisites
Azure Account
Github Account
VS Code
VS Code Extensions
Azure Tools
Azure Static Web Apps
https://portal.azure.com/
Azure Pipelines
Github Actions
Hey I'm a Mentor!
github.com/SeijiV13
seijivillafranca.com
fb.com/seiji.villafranca
Deploying on Azure Static Web apps
By Seiji Ralph Villafranca
