Use community extensions for PostgreSQL hosting

⭐ Community Toolkit

The Aspire Community Toolkit PostgreSQL hosting extensions package provides extra functionality to the Aspire.Hosting.PostgreSQL hosting package.

This package provides the following features:

Adminer management UI
DbGate management UI
dbx management UI
Flyway migration and repair commands

Hosting integration

To get started with the Aspire Community Toolkit PostgreSQL hosting extensions, install the CommunityToolkit.Aspire.Hosting.PostgreSQL.Extensions NuGet package in the app host project.

aspire add communitytoolkit-postgresql-extensions

The Aspire CLI is interactive, be sure to select the appropriate search result when prompted:

Select an integration to add:

> communitytoolkit-postgresql-extensions (CommunityToolkit.Aspire.Hosting.PostgreSQL.Extensions)
> Other results listed as selectable options...

#:package CommunityToolkit.Aspire.Hosting.PostgreSQL.Extensions@*

<PackageReference Include="CommunityToolkit.Aspire.Hosting.PostgreSQL.Extensions" Version="*" />

For TypeScript AppHosts, add the Community Toolkit PostgreSQL extensions package to aspire.config.json:

{
  "packages": {
    "CommunityToolkit.Aspire.Hosting.PostgreSQL.Extensions": "*"
  }
}

Add management UI

DbGate management UI

To add the DbGate management UI, decorate the official PostgresServerResource builder with WithDbGate / withDbGate:

C#
TypeScript

var builder = DistributedApplication.CreateBuilder(args);

var postgres = builder.AddPostgres("postgres")
    .WithDbGate();

builder.AddProject<Projects.ExampleProject>()
    .WithReference(postgres);

// After adding all resources, run the app...

import { createBuilder } from './.aspire/modules/aspire.mjs';

const builder = await createBuilder();

const postgres = await builder.addPostgres('postgres');
await postgres.withDbGate();

const exampleProject = await builder.addProject(
  'example-project',
  '../ExampleProject/ExampleProject.csproj'
);
await exampleProject.withReference(postgres);

// After adding all resources, run the app...

This adds a new DbGate resource to the app host which is available from the Aspire dashboard. DbGate is a comprehensive database management tool that provides a web-based interface for managing your PostgreSQL databases.

Adminer management UI

To add the Adminer management UI, decorate the official PostgresServerResource builder with WithAdminer / withAdminer:

C#
TypeScript

var builder = DistributedApplication.CreateBuilder(args);

var postgres = builder.AddPostgres("postgres")
    .WithAdminer();

builder.AddProject<Projects.ExampleProject>()
    .WithReference(postgres);

// After adding all resources, run the app...

import { createBuilder } from './.aspire/modules/aspire.mjs';

const builder = await createBuilder();

const postgres = await builder.addPostgres('postgres');
await postgres.withAdminer();

const exampleProject = await builder.addProject(
  'example-project',
  '../ExampleProject/ExampleProject.csproj'
);
await exampleProject.withReference(postgres);

// After adding all resources, run the app...

This adds a new Adminer resource to the app host which is available from the Aspire dashboard. Adminer is a lightweight database management tool that provides a simple web interface for database operations.

Using both management UIs

You can use both management UIs together on the same PostgreSQL resource:

C#
TypeScript

var builder = DistributedApplication.CreateBuilder(args);

var postgres = builder.AddPostgres("postgres")
    .WithDbGate()
    .WithAdminer();

builder.AddProject<Projects.ExampleProject>()
    .WithReference(postgres);

// After adding all resources, run the app...

import { createBuilder } from './.aspire/modules/aspire.mjs';

const builder = await createBuilder();

const postgres = await builder.addPostgres('postgres');
await postgres.withDbGate();
await postgres.withAdminer();

const exampleProject = await builder.addProject(
  'example-project',
  '../ExampleProject/ExampleProject.csproj'
);
await exampleProject.withReference(postgres);

// After adding all resources, run the app...

dbx management UI

dbx is a lightweight, web-based database client and an alternative management UI to DbGate and Adminer. Use WithDbx / withDbx to add a dbx child resource configured for the PostgreSQL server:

C#
TypeScript

var builder = DistributedApplication.CreateBuilder(args);

var postgres = builder.AddPostgres("postgres")
    .WithDbx();

builder.Build().Run();

import { createBuilder } from './.aspire/modules/aspire.mjs';

const builder = await createBuilder();

const postgres = await builder.addPostgres('postgres');
await postgres.withDbx({
  containerName: 'postgres-dbx',
  imageTag: '0.5.33',
});

await builder.build().run();

The C# overload accepts an optional container configuration callback and containerName. The TypeScript binding accepts optional containerName and imageTag values.

Run Flyway commands

Flyway decorators apply to an official PostgresDatabaseResource, not the PostgreSQL server resource.

Run migrations

In C#, add a Flyway resource and pass it to WithFlywayMigration. In TypeScript, withFlywayMigration creates the Flyway resource from its name and migration scripts path.

Place versioned SQL files such as V1__init.sql in ./migrations; Flyway discovers them by its versioned migration naming convention.

C#
TypeScript

var builder = DistributedApplication.CreateBuilder(args);

var migrations = builder.AddFlyway("migrations", "./migrations");
var postgres = builder.AddPostgres("postgres");
var database = postgres.AddDatabase("appdb")
    .WithFlywayMigration(migrations);

migrations.WaitFor(database);

var api = builder.AddProject<Projects.Api>("api")
    .WithReference(database)
    .WaitFor(database)
    .WaitForCompletion(migrations);

builder.Build().Run();

import { createBuilder } from './.aspire/modules/aspire.mjs';

const builder = await createBuilder();

const postgres = await builder.addPostgres('postgres');
const database = await postgres.addDatabase('appdb');
await database.withFlywayMigration('flyway-migration', './migrations');

await builder.build().run();

WithFlywayMigration configures the Flyway connection arguments and migrate command; it doesn’t add resource ordering. In the C# example, migrations.WaitFor(database) ensures Flyway starts only after PostgreSQL is ready, and api.WaitForCompletion(migrations) gates the API on the migration resource’s completion.

The TypeScript overload creates and configures the Flyway resource internally, but it doesn’t add a waitFor relationship or return the Flyway resource builder. The TypeScript binding therefore can’t express the C# example’s startup and completion dependencies for that internally created resource.

Use WithFlywayRepair(migrations) in C# or withFlywayRepair("flyway-repair", "./migrations") in TypeScript when you need Flyway’s repair command instead of migrate. The same ordering behavior and TypeScript limitation apply.