A Beginner’s Guide to Azure Static Web Apps
Are you looking for free hosting for your Blazor, React, Angular, or other web apps? Azure Static Web Apps might be the perfect solution for you! In this guide, we’ll walk you through the basics of Azure Static Web Apps and how to get started with hosting your web apps for free.
What is Azure Static Web Apps?
Azure Static Web Apps is a service offered by Microsoft Azure that allows you to host static web apps with serverless APIs. It provides a fast and secure way to deploy and host your web apps while taking care of the infrastructure management for you.
Features of Azure Static Web Apps
Some key features of Azure Static Web Apps include:
- Free hosting
- Integration with GitHub for automatic deployment
- Serverless APIs
- Custom domains
- Integration with Azure Functions for backend processing
Getting Started with Azure Static Web Apps
Here’s a step-by-step guide to getting started with Azure Static Web Apps:
- Create an Azure account if you don’t have one already.
- Log in to the Azure portal.
- Create a new Static Web App resource.
- Connect your GitHub repository to the Static Web App resource for automatic deployment.
- Configure your custom domain if you have one.
- Deploy your web app and enjoy free hosting!
Supported Frameworks
Azure Static Web Apps supports a variety of web app frameworks, including:
- Blazor
- React
- Angular
- Vue.js
- And many more!
Conclusion
Azure Static Web Apps is a powerful, easy-to-use solution for hosting your static web apps for free. Whether you’re building a Blazor, React, Angular, or any other type of web app, Azure Static Web Apps has you covered. Give it a try and see how it can simplify your web hosting experience!
savior
Can you do a video on next js deployment on Azure with a local agent as MS doesn't provide free parallism. I'm getting an internal error after following all the steps.
Nice video James, refreshing change to show all the 'in-between' bits.
Would be good to follow-up with an introduction to Azure Functions so we can pull data into the Static Web App from a database (showing the best options).
Do they have something similar for native apps. Something that will not require ppl to download again but it just gets updated.
Your a star mate, love your movies and yeah I want to see more
Thank you so much for the video. I am able to follow till ALIAS record entry. Since I am using GoDaddy so I am assuming "A" record in GoDaddy means ALIAS record. But it does not take the auto generated code of Azure Static webapp. It takes only the IP Address, It will be great help if you show the same steps for GoDaddy
Does anyone experience the API failing when running locally?
I cloned the repository, made no changes, and get the following error with the api call inside the razor page:
System.Text.Json.JsonException: '<' is an invalid start of a value. Path: $ | LineNumber: 0 | BytePositionInLine: 0.
blazor.webassembly.js:1 —> System.Text.Json.JsonReaderException: '<' is an invalid start of a value. LineNumber: 0 | BytePositionInLine: 0.
According to the Github project, there's the step #2: In the ApiIsolated folder, copy local.settings.example.json to local.settings.json
There is no local.settings.json, and creating a new local.settings.json in the same location with the same details results in the same error…..
Can one use SWA to host WordPress sites for free?
Can I host my personal portfolio and blog site here?
I am so glad YT introduced me this guy ❤🎉
Awesome ❤
thanks a lot it's eye opening!
Is it possible to change the video theme from dark to white (choose white or black interactively)? Black theme bad for my eyes 🙁
James Stay awesome man😎 you are the best
Cloudflare Pages offers the same functionality for free, but is much easier to set up.
Great content, thank you James.
I love your Azure videos! Keep it going bro… how do you convert console app to Azure? do you use Functions?
James this is awesome! I'm so happy to see another great tutorial on Azure from you. I'd love to see more on Blazor as well. As a JS SPA dev it's kind of fascinating to learn about a different way to build web UIs.
PS I'm the Twitter guy asking for the tutorial 😂
That's great! Thanks for this video.
Awesome!