## Self-service portal (admin portal) quickstart

Prerequisite: Complete Frontegg authentication integration.
If you haven't integrated Frontegg login into your application, please integrate it before moving to the Admin Portal integration.

#### Embedded self-service portal


```typescript
import { AdminPortal } from "@frontegg/nextjs";

const handleClick = () => {
    AdminPortal.show();
  };

<div>
    <button onClick={handleClick}>Settings</button>
</div>
```


```typescript
import { AdminPortal } from "@frontegg/nextjs";

const handleClick = () => {
    AdminPortal.show();
  };

<div>
    <button onClick={handleClick}>Settings</button>
</div>
```

br
Hosted self-service portal
Note that hosted self-service portal is not supported with Next.js at this time.

br
You are good to go! The self-service portal should now be shown and you are on the part for a full self-served experience on your product.