Micro-Frontends with #Blazor

Join Shaun Walker, the original creator of Oqtane and DotNetNuke (DNN), founder of Devessence and longtime Microsoft MVP, for an in-depth exploration of Micro-Frontends architecture – and how to apply it effectively with Blazor. Learn the evolution from monolithic applications to micro frontends, key benefits and challenges, core design principles, and practical insights from building the open-source Oqtane platform.

Timestamps below ⬇️

See a live demo on how to build, package, and deploy independent micro frontend modules in Blazor for scalable, flexible applications.

🚀 Whether you’re starting with Blazor or looking to architect modular, maintainable apps — this session will give you real-world strategies and examples

0:00 Introduction to Micro-Frontends with Blazor
1:00 What Are Micro-Frontends? Definition and Origins
3:30 Evolution of Application Architectures: From Monoliths to Microservices to Micro-Frontends
6:30 Benefits and Challenges of Micro-Frontends
11:20 Common Dogmas and Misconceptions in Micro-Frontends
14:45 Atomic Design Principles Applied to Micro-Frontends
17:50 Micro-Frontends in Blazor: Key Concepts and Approaches
18:40 Modular vs Monolithic Applications
20:30 Development Environment Challenges with Visual Studio and VS Code
25:20 Role of the App Host in a Micro-Frontend Architecture
28:30 Building Micro-Frontends Using Razor Class Libraries
30:00 Assembly Loading Strategies for Server and Client
34:00 Application Startup and Dynamic Service Registration
36:20 Dynamic Routing in Micro-Frontends
38:00 Dynamic Component Rendering in Blazor Applications
39:30 Custom Deployment Processes for Micro-Frontends
41:50 Live Demo: Implementing Micro-Frontends with Oqtane
43:00 Setting Up a Test Site on Oqtane
44:30 Developing and Deploying a New Blog Module
48:00 Packaging and Publishing the Micro-Frontend as a NuGet Package
49:40 Deploying the Package and Restarting the Application
51:00 Adding the Blog Module to the Site
52:20 Summary: Key Advantages of Micro-Frontend Architecture.

Видео Micro-Frontends with #Blazor канала Devessence