The following is a custom example and tutorial on how to setup a simple login page in ASP.NET Core Blazor WebAssembly (WASM) with Basic HTTP Authentication.

The blazor app runs with a  fake backend by default to enable it to run completely in the browser without a real backend api (backend-less), to switch to a real api you just have to change the "fakeBackend" setting to "false" in the  app settings file (/wwwroot/appsettings.json). You can build your own api or hook it up with the ASP.NET Core api or Node.js api available (instructions below).

Styling of the example app is all done with Bootstrap 4.5 CSS, for more info about Bootstrap see  https://getbootstrap.com/docs/4.5/getting-started/introduction/.

The example project is available on GitHub at  https://github.com/cornflourblue/blazor-webassembly-basic-authentication-example.

#blazor webassembly #blazor #webassembly