<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

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

Custom Styling

The <CreateOrganization/> component can be highly customized through the appearance prop and can be styled using CSS Modules, Tailwind, inline CSS objects, or global CSS.