Docs

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.

Account Portal

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.

Account Portal

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.

Important

These pages cannot be customized beyond the options provided in the Clerk Dashboard. If you need more customization such as localization, consider using prebuilt components or building your own custom user interface.

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 your Clerk Dashboard, such as sign-up and sign-in options and social connections.

The Account Portal sign-in page hosts the <SignIn /> component

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 your Clerk Dashboard, such as sign-up and sign-in options and social connections.

The Account Portal sign-up page hosts the <SignUp /> component

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.

The Account Portal user profile page hosts the <UserProfile /> component

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

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.

The Account Portal create organization page hosts the <CreateOrganization /> component

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.

The Account Portal organization profile page hosts the <OrganizationProfile /> component

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.

The Account Portal waitliste page hosts the <Waitlist /> component

Feedback

What did you think of this content?

Last updated on