.NET MAUI में Hybrid App कैसे बनती है?

🧠 Hybrid App क्या होती है?

Hybrid App वह एप्लिकेशन होती है जिसमें Web UI (Blazor, HTML, CSS) और Native App (Android, iOS, Windows) दोनों की ताकत होती है। यह WebView के अंदर Razor Components चलाकर Native Shell में embed होती है।

⚙️ MAUI Blazor Hybrid App कैसे बनाएं?

1. Visual Studio 2022 खोलें  
2. Create a new project → ".NET MAUI Blazor App" चुनें  
3. Project का नाम दें (जैसे: HybridPortalApp)  
4. .NET 7 या 8 चुनें  
5. Create पर क्लिक करें

📁 Project Structure

Layer	विवरण
Platforms/	Android, iOS, Windows के लिए native folders
wwwroot/	Static files जैसे CSS, JS, Bootstrap
Pages/	Blazor Razor Components
MainPage.xaml	BlazorWebView container
MauiProgram.cs	App startup और DI configuration

💻 Razor UI Example

<h1>Welcome to Hybrid App</h1>

<button class="btn btn-primary" @onclick="Increment">
    Clicked @count times
</button>

@code {
    int count = 0;
    void Increment() => count++;
}

💡 ध्यान दें: Razor Components WebView में चलते हैं लेकिन Native App की तरह behave करते हैं।

🧠 Interview Questions

Q1: Hybrid App का फायदा क्या है?
👉 एक ही UI सभी प्लेटफॉर्म पर चलता है (Android, iOS, Windows)।

Q2: MAUI Blazor App में Bootstrap कैसे जोड़ें?
👉 wwwroot/index.html में Bootstrap CDN लिंक डालें।

Q3: Native APIs को Blazor से कैसे access करें?
👉 MAUI services को DI में register करके Blazor में inject करें।

📌 निष्कर्ष (Conclusion)

.NET MAUI Blazor Hybrid App एक modern तरीका है Web UI और Native App को एक साथ लाने का। यह government-style portals, bilingual apps और responsive layouts के लिए perfect है।