Building your personal online brand using Static Blazor Apps, one step at a time

on YouTube ↗43m

" summary

Creates a Blazor WebAssembly app plus an Azure Function, calls the dev.to API to transform article JSON into a stable summary model, and wires client and API together locally using the Static Web Apps CLI or a local proxy. Deploys to Azure Static Web Apps via a generated GitHub Actions workflow that provides CI/CD and per-PR staging, configures a custom domain, and shows how to cache results and keep the site serverless.

AI-written summary · about

" chapters (16)

1. 0:00Introduction to personal branding
2. 5:49Meet the speaker and demo overview
3. 6:10Scaffolding the Blazor app
4. 9:18Connecting frontend and backend
5. 13:11Using Static Web Apps CLI
6. 16:21Deploying to Azure Static Web Apps
7. 21:37Fetching data from dev.to
8. 23:23Cleaning up the default app
9. 26:34Creating the blog post service
10. 29:29Building the blog posts page
11. 33:00Deploying the updated site
12. 34:04Setting up a custom domain
13. 38:20Staging environments in GitHub Actions
14. 40:46Live demo of the deployed site
15. 41:27Key takeaways and next steps
16. 42:11Q&A and closing remarks

" related talks

• 46mAzure Static Web Apps - From Zero to Deployed App In 60 MinutesStacy Cashmore · Build Stuff 2022
• 28mBuild Serverless Apps with BlazorDaria Grigoriu, Fabio Cavalcante · .NET Conf: Focus on Blazor 2020
• 16mAzure cloud for the web frontend developersMaxim Salnikov · NDC Oslo 2020
• 01h 04mBuild Your First Full-Stack Blazor AppEd Charbeneau · Connect.Tech 2021
• 34mContinuous Integration and Deployment using GitHubLebogang Madise · DevReach 2022
• 41mModern Full-Stack Web Development with ASP.NET Core & BlazorDaniel Roth · Microsoft Build 2024
• 53mCreating Next-Generation Applications with BlazorChris Sainty · DotFest 2020
• 56mModern Web UI with Blazor WebAssemblySteve Sanderson · NDC Oslo 2020