Customization

All options are set inside the AddDashboard lambda on DashboardOptionsBuilder.

Base path

Change where the dashboard is served (default: /tickerq/dashboard):

dashboard.SetBasePath("/admin/jobs");

Backend domain

When running behind a reverse proxy, set the backend domain so the Vue.js frontend connects to the correct API and SignalR endpoints:

dashboard.SetBackendDomain("https://api.example.com");

CORS policy

The default CORS policy allows all origins, any header, and credentials. Override it:

dashboard.SetCorsPolicy(cors =>
{
    cors.WithOrigins("https://myapp.com")
        .AllowAnyHeader()
        .AllowCredentials();
});

OpenAPI group name

Tag dashboard endpoints with a group name for OpenAPI/Swagger:

dashboard.SetGroupName("TickerQ Dashboard");

Middleware hooks

Inject custom middleware at three points in the dashboard pipeline:

dashboard.PreDashboardMiddleware = app =>
{
    // Runs BEFORE dashboard static files and API routes
    app.Use(async (context, next) =>
    {
        context.Response.Headers.Append("X-Frame-Options", "DENY");
        await next();
    });
};

dashboard.PostDashboardMiddleware = app =>
{
    // Runs AFTER dashboard routes
};

dashboard.CustomMiddleware = app =>
{
    // Runs between auth middleware and API endpoints
};

Pipeline order

PreDashboardMiddleware
Static files (embedded Vue.js SPA)
Routing + CORS + Authorization
Auth middleware (if auth enabled)
CustomMiddleware
API endpoints + SignalR hub
PostDashboardMiddleware
SPA fallback (serves index.html for client-side routing)

Full example

opt.AddDashboard(dashboard =>
{
    dashboard.SetBasePath("/admin/tickerq");
    dashboard.SetBackendDomain("https://api.myapp.com");
    dashboard.WithBasicAuth("admin", "s3cret");
    dashboard.WithSessionTimeout(120);
    dashboard.SetCorsPolicy(cors =>
    {
        cors.WithOrigins("https://myapp.com")
            .AllowAnyHeader()
            .AllowCredentials();
    });
});