***

title: "AdminUiPlugin"
generated: true
---------------

<GenerationInfo sourceFile="packages/admin-ui-plugin/src/plugin.ts" sourceLine="147" packageName="@vendure/admin-ui-plugin" />

:::warning\[Deprecated]
From Vendure v3.5.0, the Angular-based Admin UI has been replaced by the new [React Admin Dashboard](/current/core/extending-the-dashboard/getting-started/).
The Angular Admin UI will not be maintained after **July 2026**. Until then, we will continue patching critical bugs and security issues.
Community contributions will always be merged and released.
:::

This plugin starts a static server for the Admin UI app, and proxies it via the `/admin/` path of the main Vendure server.

The Admin UI allows you to administer all aspects of your store, from inventory management to order tracking. It is the tool used by
store administrators on a day-to-day basis for the management of the store.

## Installation

`yarn add @vendure/admin-ui-plugin`

or

`npm install @vendure/admin-ui-plugin`

*Example*

```ts
import { AdminUiPlugin } from '@vendure/admin-ui-plugin';

const config: VendureConfig = {
  // Add an instance of the plugin to the plugins array
  plugins: [
    AdminUiPlugin.init({ port: 3002 }),
  ],
};
```

## Metrics

This plugin also defines a `metricSummary` query which is used by the Admin UI to display the order metrics on the dashboard.

If you are building a stand-alone version of the Admin UI app, and therefore don't need this plugin to server the Admin UI,
you can still use the `metricSummary` query by adding the `AdminUiPlugin` to the `plugins` array, but without calling the `init()` method:

*Example*

```ts
import { AdminUiPlugin } from '@vendure/admin-ui-plugin';

const config: VendureConfig = {
  plugins: [
    AdminUiPlugin, // <-- no call to .init()
  ],
  // ...
};
```

```ts title="Signature"
class AdminUiPlugin implements NestModule {
    constructor(configService: ConfigService, processContext: ProcessContext)
    init(options: AdminUiPluginOptions) => Type<AdminUiPlugin>;
    configure(consumer: MiddlewareConsumer) => ;
}
```

* Implements: NestModule

<div className="members-wrapper">

### init

\<MemberInfo kind="method" type={`(options: <a href='/current/core/reference/core-plugins/admin-ui-plugin/admin-ui-plugin-options#adminuipluginoptions'>AdminUiPluginOptions</a>) => Type<<a href='/current/core/reference/core-plugins/admin-ui-plugin/#adminuiplugin'>AdminUiPlugin</a>>`}   />

Set the plugin options

### configure

\<MemberInfo kind="method" type={`(consumer: MiddlewareConsumer) => `}   />

</div>