Web Rush

Episode 231: Quickly Publishing Your Web App to Static Web Apps

Episode Summary

Craig and John talk through the ways you can publish web apps using static web methodology, why you'd want to do it, and the benefits of running a static web app.

Episode Notes

const podcast = {   episode: 231,  title: 'Quickly Publishing Your Web App to Static Web Apps',  topics: [     'static', 'web apps', 'azure'  ],  guest: 'na'  hosts: [    'John Papa', 'Craig Shoemaker'  ]};

Recording date: April 13, 2023

John Papa @John_Papa

Ward Bell @WardBell

Dan Wahlin @DanWahlin

Craig Shoemaker @craigshoemaker

Brought to you by

• AG Grid
• Narwhal Visit nx.dev to get the preeminent open-source toolkit for monorepo development, today.

Resources:

• Static Web Apps Docs
• Static Web Apps day keynote with John Papa
• Static Web Apps demo app on GitHub
• VS Code extension for Static Web Apps
• What is a static asset?
• Learn how to Publish an Angular, React, Svelte or Vue JavaScript app with Azure Static Web Apps
• CORS
• What is a reverse proxy
• SWA CLI
• Role based security in Static Web Apps
• Build your first SWA with VS Code
• Preview environments in SWA

Timejumps

• 00:27 Welcome
• 01:05 Knowing how and where to publish a web app
• 05:46 What is a built file?
• 08:41 Sponsor: Narwhal
• 09:15 Right click deploy
• 12:19 Two flavors of how to run static web apps
• 17:04 Sponsor: Ag Grid
• 18:01 What does static even mean?
• 20:47 Why would you want to do this?
• 24:18 How do I integrate with an API for data?
• 32:02 Dealing with auth access and permissions
• 35:27 What is a preview environment?

Podcast editing on this episode done by Chris Enns of Lemon Productions.