DEV Community

Cover image for Free Workshop on Azure Static Web Apps
John Papa for Microsoft Azure

Posted on • Updated on

Free Workshop on Azure Static Web Apps

Free Static Web Apps Workshop

On July 29th, I'll be hosting an hour and a half workshop teaching you how to deploy and customize a shopping list application to global scale with Azure Static Web Apps Preview.

Check out the event here.

Static Web Apps

You'll learn how to:

  • deploy a web app (choose from React, Vue, Svelte, or Angular)
  • Configure your CI/CD to auto deploy
  • Add authentication
  • Establish authorization roles
  • Create custom routing rules
  • Setup fallback routing for client side routing rules
  • Deploy an API using serverless technology with Azure Functions
  • Set up your own custom domain with SSL

There's no catch. You don't even have to sign up. Just mark your calendar for the upcoming Create: Frontend event and show up.

Top comments (27)

Collapse
 
shaijut profile image
Shaiju T

Can we use Azure Static Web App without GitHub to host my html files, Like Azure Blob Storage ? Because for a commercial or client projects we need to pay for both Azure Static Web App in Azure and GitHub.

Collapse
 
john_papa profile image
John Papa

Today the preview works with GitHub. If you have requests for other services please provide your feedback in the github.com/azure/static-web-apps issues.

I'm curious what you mean by paying. Can you elaborate on that?

Collapse
 
shaijut profile image
Shaiju T

I have 3 Questions:

  1. Suppose I want to host a commercial business website using Azure Static Web App , is this possible right now in preview ? Is it Free or do I need to Pay ?

  2. Can I use Github free plan with private repository for commercial business website ? I think its possible in this post.

  3. I can see Azure Static Web App pulls files from Github repository and host the files in Azure Static Web App, Instead Is there a option to directly deploy from Local Machine to Azure Static Web App ?

Thread Thread
 
john_papa profile image
John Papa

Thanks for the questions.

  1. Preview is free. There are no SLA's til we reach GA (General Availability). So you can do this, but I recommend waiting for production sites for GA.

  2. GitHub private repos work.

  3. Today in preview it works through GitHub.

Thread Thread
 
shaijut profile image
Shaiju T

Thank you so much. πŸ˜„ Appreciate.

Collapse
 
carike profile image
Carike Blignaut-Staden

Awesome talk @john_papa !

Just a quick question how does one claim the Maker Badge(r)?

Thanks again!

Collapse
 
suzannechen profile image
theCatShepherd

Hi @carike ,
I'm unable to drop you a DM on your Twitter. Could you please DM me on @suzanne.chen or email me at suzanne.chen@microsoft.com?
Thanks! :)

Collapse
 
warpatwork profile image
Jen Pearson

Keen to find this out too :)

Collapse
 
suzannechen profile image
theCatShepherd • Edited

Hi Jen, Likewise I am unable to DM you on your Twitter. Could you either DM me on @suzanne.chen or email me at suzanne.chen@microsoft.com? Each QR code is unique and we would love to send the QR code to you. :) Thanks!

Thread Thread
 
warpatwork profile image
Jen Pearson

Email sent - thanks :)

Thread Thread
 
suzannechen profile image
theCatShepherd

Hey Jen, I've sent you the QR code but noticed that you have not redeemed it. Did you get my mail? Thanks! :)

Collapse
 
sangeetagarwal profile image
Sangeet Agarwal

Quick question, would you be showing how to secure azure functions via bearer tokens. There doesn’t seem to be an out of the box solution to do this. One could always use APIM but that seems like overkill plus expensive.

Collapse
 
john_papa profile image
John Papa

Not in this workshop we won't. But this is another good topic for feedback. Please provide your feedback in the github.com/azure/static-web-apps issues.

You will be able to pass headers soon as this is work coming.

Collapse
 
shaijut profile image
Shaiju T

The session was good, :) , Do Azure static web apps have global CDN , caching static assets options and DDoS protection ?

Collapse
 
john_papa profile image
John Papa

They are hosted at multiple points of presence around the world with caching.

Collapse
 
shaijut profile image
Shaiju T

Also do we need to setup any special settings for Authentication and Authorization using Google and other providers or it just works out of the box in Azure static web apps ?

Collapse
 
john_papa profile image
John Papa

the authentication providers "just work" out of the box. you can configure some aspects of them as per the docs

Collapse
 
itdeano profile image
itdeano

Is that just authorization for the static web app or does it apply to your new API as well? Like if you hit the API directly?

Thread Thread
 
john_papa profile image
John Papa

It’s via the static web app I believe.

Collapse
 
shaijut profile image
Shaiju T

That's cool :)

Collapse
 
shaijut profile image
Shaiju T

Great hands on workshop :) Appreciate πŸ˜„, Good idea by MS team, Developers will love it.

Collapse
 
jayesht profile image
Jay

This event was informative and engaging. Thank you for such an event. I loved the Hands-on session in the end. Keep organising. Good day.

Collapse
 
john_papa profile image
John Papa

Thanks for coming!

Collapse
 
shaijut profile image
Shaiju T • Edited

Presentation animation was good. How did you create it, using Microsoft power point ?

Collapse
 
hererajat profile image
Rajat πŸ¦‰

@john Papa thnx for the great workshop. How do i get my batch?

Collapse
 
suzannechen profile image
theCatShepherd

Hi Rajat, could you please DM me on twitter @suzanne.chen or mail me at suzanne.chen@microsoft.com so that I can send you your unique QR code? :)
Thanks!

Collapse
 
warpatwork profile image
Jen Pearson

I wasn't aware of all the cool integration between VS Code and the git/azure commands before today - thanks! :)