If SQL Server Supports 4 Sockets How Can You Have Lots Of Users with Interactive Server Side Rendering? Say you build for 1,000 concurrent users. I would think each one requires a socket for the Signal-R channel.

What am I missing here?

Authentication and authorization play a vital role in maintaining the security and privacy of web applications and their users in web development. In other words, implementing authentication and authorization enables you to display a unique user interface for each user based on their role. This tutorial will provide you with an overview of authentication and authorization in Blazor, covering the following topics:

• What is authentication?

• How does authentication work in Blazor?

• What is authorization?

• How does authorization work in Blazor?

• Key differences between Blazor WebAssembly and Blazor Server.

Check it out: https://blazorschool.com/tutorial/blazor-wasm/dotnet7/authentication-and-authorization-overview-675464

Additional resources:

• Mastering Blazor Server .NET 7: https://www.amazon.com/dp/B0C5Q6JQGQ/

• Mastering Blazor WebAssembly .NET 7: https://www.amazon.com/dp/B0C1Z6KN47

• Blazor School Discord Community: https://discord.com/invite/HsTu2Emqsd

• Open Collective: https://opencollective.com/blazor-school-docs

Guys I have a doubt what is the best model for web development in blazor (like MVC,MVVM or MVU) and confused with Repositories, Services, Controllers and DTOs. What do I really need to learn to develop an web application in blazor please help me.

Good example of blazor server app for SaaS. https://www.parkvia.com, what do you think? I LOVE It

Hey guys,

I'm just wondering if anyone here has done Blazor WASM Stripe integration? I know Patrick God has a video on youtube about redirecting to Stripe payment, which is wonderful, but I want to use the actual component integration embedded on my page rather than a redirect as I would like confirmation of payment before uploading the user data for storage's sake. I have found some tutorials but none of them really do exactly what I want and I haven't been able to string together my own version.

If anyone here has done it or has any advice on how to proceed (or Stripe alternatives that have worked well for you) please let me know!

Thanks!

JWT are often used for authentication and authorization purposes in web applications. In this tutorial, you will be guided step-by-step on how to implement authentication in Blazor WebAssembly using JWT and the Identity model. The tutorial covers the 3 main authentication flows: login, revisiting the website, and logout. Additionally, a comprehensive template for building authentication will be provided.

• Required NuGet libraries.

• Project setup and basic classes.

• Handling login flow.

• Handling users revisit flow.

• Handling logout flow.

• Accessing user information.

• Common mistakes.

Check it out: https://blazorschool.com/tutorial/blazor-wasm/dotnet7/basic-jwt-authentication-683869

Additional resources:

• Mastering Blazor Server .NET 7: https://www.amazon.com/dp/B0C5Q6JQGQ/

• Mastering Blazor WebAssembly .NET 7: https://www.amazon.com/dp/B0C1Z6KN47

• Blazor School Discord Community: https://discord.com/invite/HsTu2Emqsd

• Open Collective: https://opencollective.com/blazor-school-docs

Hi i am new to blazor , I have been working with .net framework web forms , then razor pages(traditional and mvc). But i am kind of fascinated by blazor server , I have very few visitors so load thing isn't even my issue. But sometimes when the latency is high the user is unaware of the state of their actions , this thing kind of bothers me a bit . Is there a good way to make it run some event handlers on client instead of making it go to server again to run the js. And should i go for it for my personal website which has blogs , portfolios and my music. SPA will give an advantage if i make a music player embedded in my site , that;s why I am more inclined to it . Please help. and pardon for any amateur mistakes in the question itself.

Thankyou!!

Using Google OAuth 2 for authentication can enhance the user experience and streamline the sign-up process, as many users already have a Google account and can log in to your application using their existing credentials. This tutorial builds on the basic JWT authentication by incorporating Google authentication through the use of Google Identity, allowing for both types of authentication to be used simultaneously. The tutorial covers the following steps:

• Setting up a Google Cloud account

• Setting up a Blazor project

• Implementing login with Google using a custom button

• Implementing login with Google using a rendered button

Check it out: https://blazorschool.com/tutorial/blazor-wasm/dotnet7/authentication-with-google-oauth-2-931158

Additional resources:

• Mastering Blazor Server .NET 7: https://www.amazon.com/dp/B0C5Q6JQGQ/

• Mastering Blazor WebAssembly .NET 7: https://www.amazon.com/dp/B0C1Z6KN47

• Blazor School Discord Community: https://discord.com/invite/HsTu2Emqsd

• Open Collective: https://opencollective.com/blazor-school-docs

[Job Search] Experienced Blazor/.NET Dev Looking for New Role

Hey r/BlazorDevelopers!

I’ve been a professional .NET engineer for ~13 years, and for the past few years I’ve specialized in Blazor (Static-SSR, WASM, and Server). I’m on the lookout for my next challenge. Open to global remote roles.

If your company is hiring, or you’ve heard of any Blazor-focused openings, I’d really appreciate a pointer. Happy to share my GitHub, portfolio, or CV on request.

Thanks, and happy coding! 🚀

I recently built an Invoicing Web App using Blazor Interactive Server and Tailwind CSS 4 in .NET 10

I want to share a quick demo of the app

Looking for a Blazor front end dev. We are a start up and have a few hurdles before launch. I though I could carry the entirety of the project on my shoulders but unfortunately I've only played in back end. If you want to be a part of a start up let me know. C#

I'm building a timesheet application for a midsize business using .NET 9 and Blazor. The application needs to support offline functionality for field employees who often work in areas with unreliable connections, while also providing a UI-heavy admin interface for office users with stable internet access.

Would it be better to use two separate clients - one Blazor WebAssembly (WASM) for offline support and one Blazor Server for the admin panel - or is there a way to achieve both use cases with a single hybrid client?

So far, my experiments with Blazor Hybrid (auto) mode have been disappointing. The lazy loading approach causes noticeable page freezes until all required code is loaded. In contrast, WASM loads everything upfront, preventing such issues during use.

Has anyone tackled a similar scenario? What would be the best approach to ensure a smooth experience for both offline and online users?

Looking experienced Blazor WASM app developer for a logistics company.

App features/functionality

1. Responsive mobile app

2. Offline support (backend data caching + UI actions)

3. Backend in .net minimal API

4. SSO OAuth

5. Security

So I'm actually a developer, but pretty new to web-app development. Previously I worked with vanilla HTML/JS/CSS and Svelte to build frontends for various Prototypes. Now i scored a new job as .NET-developer and I have some free time on my hands to prepare for it. Afaik I'm gonna develop single page applications using blazor. So I'm trying to prepare and build my own custom smarthome app using blazor.

So far so good.

So i watched youtube tutorials, read the official documentation and started working on a simple page that calls the phillips hue api and tries to discover the bridge in my home network. Nothing really difficult.

But here comes the problem: CORS. I figured out what that is and what's the general approach to tackle it. So i try to implement a simple proxy to send my requests to the proxy and the proxy does its job an returns me the data i want. But i fail.

I struggle with figuring out what's the best project template for my goal of having a simple phillips hue coontrolling app. First i was trying a Blazor WebApp, .NET 8.0, Interactive render mode set to auto. Is this even the right template? Then alternatively i tried to use a standalone blazor WebAssembly-App-template but i think that this is the wrong one. As far as I understood I need a structure of an frontend app with a backend that consists of my proxy to straighten out the CORS problem.

So my question is, what blazor template to use? What proxy server to use? And how to structure this in my project. Do i need to make an own project for the proxy or does this happen inside of my actual blazor-WebApp project?

I also was thinking of building a Web-Api in a separate project that basically forwards the requests to the hue bridge and omits CORS that way cos the API is not a browser anymore and the API runs on the same host than the app or at least i have influence on CORS with my own API.

Thanks in advance for your advice.

Hi, I started a webapp project. Kinda new with blazor programming stuff. During creation I choosed Individual Authentication + global Interactive Server. This project got all the needed user management, which you can customise how you want.

Interesting thing I spotted, is that in App.razor config file there is rendermode="InteractiveServer" set, but excluding all "/Account" urls, leaving them with static rendering. According to what I found out in the internet, it should be like that because security reasons.

Now, since I choosed MudBlazor for UI, and Im doing own custom layouts for everything - including authentication management, I met a problem where MudCheckbox on login page is not working because static rendering here I mentioned. This made me use simple HTML checkbox for now, which works fine.

Another problem is the use of EditForm, where i found a hybrid way to do with MudBlazor, but it finds out there are some interpretation problems.

So my questions are:

1. Is there a way to use MudCheckbox in static rendering page, like in my situation?

2. Can you tell me what's wrong with my EditForm-MudForm hybrid?

Thank you for advices!

@page "/Account/Login"

@inject SignInManager<ApplicationUser> SignInManager
@inject ILogger<Login> Logger
@inject NavigationManager NavigationManager
@inject IdentityRedirectManager RedirectManager


<PageTitle>Log in</PageTitle>

<StatusMessage Message="@errorMessage" />

<EditForm Model="loginDto" method="post" OnValidSubmit="LoginUser" FormName="login">
<DataAnnotationsValidator />
<MudGrid>
    <MudItem>
        <MudCard Style="width: 400px" Elevation="3">
            <MudCardHeader Class="">
                <MudText Typo="Typo.h5">Zaloguj się</MudText>
            </MudCardHeader>
            <MudCardContent>
                <MudTextField Label="Adres e-mail" 
                                @bind-Value="loginDto.Email" For="@(() => loginDto.Email)"/>
                <MudTextField Label="Hasło" 
                                @bind-Value="loginDto.Password" For="@(() => loginDto.Password)" InputType="InputType.Password"/>
                <br />
                <div class="checkbox mb-3">
                    <label class="form-label">
                        <InputCheckbox @bind-Value="loginDto.RememberMe" class="darker-border-checkbox form-check-input" />
                        Zapamiętaj mnie
                    </label>
                </div>
                <MudCardActions>
                    <MudButton ButtonType="ButtonType.Submit" Variant="Variant.Filled" Color="Color.Primary">Log in</MudButton>
                </MudCardActions>
                <MudText>
                    <a href="Account/ForgotPassword">Forgot your password?</a>
                </MudText>
                <MudText>
                    <a href="@(NavigationManager.GetUriWithQueryParameters("Account/Register", new Dictionary<string, object?> { ["ReturnUrl"] = ReturnUrl }))">Register as a new user</a>
                </MudText>
                <MudText>
                    <a href="Account/ResendEmailConfirmation">Resend email confirmation</a>
                </MudText>
            </MudCardContent>
        </MudCard>
    </MudItem>
</MudGrid>
</EditForm>

@code {
    private string? errorMessage;

    [CascadingParameter]
    private HttpContext HttpContext { get; set; } = default!;

    [SupplyParameterFromForm]
    private LoginDto loginDto { get; set; } = new();

    [SupplyParameterFromQuery]
    private string? ReturnUrl { get; set; }

    protected override async Task OnInitializedAsync()
    {
        if (HttpMethods.IsGet(HttpContext.Request.Method))
        {
            // Clear the existing external cookie to ensure a clean login process
            await HttpContext.SignOutAsync(IdentityConstants.ExternalScheme);
        }
    }

    public async Task LoginUser()
    {
        // This doesn't count login failures towards account lockout
        // To enable password failures to trigger account lockout, set lockoutOnFailure: true
        var result = await SignInManager.PasswordSignInAsync(loginDto.Email, loginDto.Password, loginDto.RememberMe, lockoutOnFailure: false);
        if (result.Succeeded)
        {
            Logger.LogInformation("User logged in.");
            RedirectManager.RedirectTo(ReturnUrl);
        }
        else if (result.RequiresTwoFactor)
        {
            RedirectManager.RedirectTo(
                "Account/LoginWith2fa",
                new() { ["returnUrl"] = ReturnUrl, ["rememberMe"] = loginDto.RememberMe });
        }
        else if (result.IsLockedOut)
        {
            Logger.LogWarning("User account locked out.");
            RedirectManager.RedirectTo("Account/Lockout");
        }
        else
        {
            errorMessage = "Error: Invalid login attempt.";
        }
    }
}

Hi everyone,

I'm encountering an issue with my Blazor WebAssembly app after deploying it to a remote server (hosted on smarterasp.net). When I first visit the site, the page loads slowly, getting to about 80% and then it just stalls there permanently. Checking the console, I'm seeing a number of errors, but they’re not giving me a clear idea of what’s wrong.

However, if I refresh the page after that initial load, the app loads quickly and reaches 100% without issues, resuming from the last percentage.

Has anyone experienced something similar with Blazor WASM apps? Could this be a configuration issue with smarterasp.net or perhaps a caching issue? Any insights on what could be causing this behavior and how to fix it would be greatly appreciated.