Blazor Component for Diploi

Operation

Getting started

1. In the Dashboard, click Create Project +
2. Under Pick Components, choose Blazor. Here you can also add a backend framework to create a monorepo app
3. In Pick Add-ons, you can add one or multiple databases to your app
4. Choose Create Repository to generate a new GitHub repo
5. Finally, click Launch Stack

Link to the full guide - upcoming

Development

During development, the container uses dotnet watch to enable automatic reloads when files change. The development server is started with:

dotnet watch --no-launch-profile

This will:

• Use dotnet watch to monitor for changes to .cs, .razor, and .css files and restart the server when changes are detected.
• Run the Blazor Server application with hot reload enabled.
• Start the app on port 5054.
• Enable automatic browser refresh when Razor components or CSS files change.

Production

Builds a production-ready image. During the build, dependencies are restored with dotnet restore and the application is published with dotnet publish. When the container starts, it runs:

dotnet component-blazor.dll

This uses the compiled .NET application optimized for production deployment.

Data Protection

The application uses ASP.NET Core Data Protection for securing authentication cookies and anti-forgery tokens. In Kubernetes deployments, data protection keys are persisted using a PersistentVolumeClaim to ensure session continuity across pod restarts.

Links

• Blazor documentation
• ASP.NET Core documentation
• .NET documentation