<CreateOrganization />

Create new organizations within your Next.js application

Overview

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

Embedding an <CreateOrganization/> component

You can embed the <CreateOrganization/> component using the Next.js optional catch all route. This allows you to redirect the user inside your application.

1
import { CreateOrganization } from '@clerk/nextjs'
2

3
export default function CreateOrganizationPage() {
4
  return (
5
      <CreateOrganization />
6
  )
7
}

Props

Name	Type	Description
afterCreateOrganizationUrl?	string	Full URL or path to navigate after creating a new organization.
path?	string	The 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.
routing?	RoutingStrategy	The routing strategy for your pages. Supported values are: - hash (default): Hash based routing. - path: Path based routing. - virtual: Virtual based routing.
appearance?	object	To change the look and feel of the `<CreateOrganization/>` to find out more about customization of Clerk check out our appearance property guide.

Custom Styling

The <CreateOrganization/> component can be highly customized through the appearance prop.