Account Portal overview

The Account Portal in Clerk is a powerful feature that allows you to streamline the sign-in, sign-up, and profile management experience for your users, without having to build your own components or host your own pages. To integrate the Account Portal with your application, see the setup guide.

Why use the Account Portal?

The Account Portal provides the pages necessary for your users to sign-up, sign-in, and manage their accounts, all while maintaining seamless integration with your application. These pages are hosted on Clerk servers for you and they require minimal setup to get started. If you're looking for the fastest way to add authentication and user management to your application, then this is a great choice.

However, if you require more precise customization or prefer having your application self-contained, then you can use Clerk's fully customizable prebuilt components, or you can build your own custom user interface using the Clerk API.

How the Account Portal works

The Account Portal uses Clerk's prebuilt components, which are embedded into dedicated pages hosted on Clerk servers.

After a user has finished their flow in an Account Portal page, Clerk automatically redirects them back to your application along with the required authentication context. This way, users are automatically redirected to and from your application for a seamless experience.

For each application environment, Clerk provides pages for sign-up, sign-in, user profile, organization profile, and organization creation flow. To integrate the Account Portal with your application, see the setup guide.

Hosted pages

Sign-in

The sign-in page hosts the prebuilt <SignIn /> component, which renders a UI for signing in users. The functionality of the <SignIn /> component is controlled by the instance settings you specify in the Clerk Dashboard⁠, such as sign-up and sign-in options and social connections.

Redirect users to the sign-in page using the <RedirectToSignIn /> control component.

Sign-up

The sign-up page hosts the prebuilt <SignUp /> component, which renders a UI for signing up users. The functionality of the <SignUp /> component is controlled by the instance settings you specify in the Clerk Dashboard⁠, such as sign-up and sign-in options and social connections.

Redirect users to the sign-up page using the <RedirectToSignUp /> control component.

User profile

The user profile page hosts the prebuilt <UserProfile /> component, which renders a beautiful, full-featured account management UI that allows users to manage their profile and security settings.

Redirect your authenticated users to their user profile page using the <RedirectToUserProfile /> control component.

Unauthorized sign-in

The unauthorized sign-in page doesn't host any prebuilt Clerk component. It displays a UI confirming that a session from an unrecognized device was successfully revoked. For more information, see the Unauthorized sign-in feature.

The unauthorized sign-in page displays a UI confirming that a session from an unrecognized device was successfully revoked. For more information, refer to the reference.

Create organization

The create organization page hosts the prebuilt <CreateOrganization /> component, which provides a streamlined interface for users to create new organizations within your application.

Redirect your authenticated users to the create organization page using the <RedirectToCreateOrganization /> control component.

Organization profile

The user profile page hosts the prebuilt <OrganizationProfile /> component, which renders a beautiful, full-featured organization management UI that allows users to manage their organization profile and security settings.

Redirect your authenticated users to their organization profile page using the <RedirectToOrganizationProfile /> control component.

Waitlist

The waitlist page hosts the prebuilt <Waitlist /> component which renders a form that allows users to join for early access to your app.