Skip to Content
Clerk logo

Clerk Docs

Ctrl + K
Go to clerk.com

<CreateOrganization />

Organization Switcher Example

The <CreateOrganization /> component is used to render an organization creation UI that allows users to create brand new organizations within your application.

Usage

/app/create-organization/[[...create-organization]]/page.[jsx/tsx]
import { CreateOrganization } from "@clerk/nextjs"; export default function CreateOrganizationPage() { return <CreateOrganization />; }
/pages/create-organization/[[...index]].[jsx/tsx]
import { CreateOrganization } from "@clerk/nextjs"; export default function CreateOrganizationPage() { return ( <CreateOrganization routing="path" path="/create-organization" /> ) }

Props

All props below are optional.

NameTypeDescription
afterCreateOrganizationUrlstringFull URL or path to navigate after creating a new organization.
pathstringThe path where the component is mounted when path-based routing is used. -e.g. /create-org. This prop is ignored in hash and virtual based routing.
routingRoutingStrategyThe routing strategy for your pages. Supported values are:
  • hash (default): Hash based routing.
  • path: Path based routing.
  • virtual: Virtual based routing.
appearanceobjectControl the look and feel of the component.

What did you think of this content?

Clerk © 2023