Customer organization onboarding
A B2B application needs customers to create their own workspace during onboarding.
Kinde · Component
CreateOrgLink is a Next.js App Router SDK component for starting organization creation. It redirects the user to Kinde and creates the organization with that user as a member.
CreateOrgLink is a Next.js App Router SDK component for starting organization creation. It renders link content and redirects the user to Kinde, where a new organization is created with that user as a member.
<CreateOrgLink orgName="My org">Create Org</CreateOrgLink>| Name | Type | Description |
|---|---|---|
orgName | string | Name to use for the organization created during the flow. |
A rendered link component that redirects the user to Kinde to create an organization.
import { CreateOrgLink } from "@kinde-oss/kinde-auth-nextjs/server";
export default function CreateOrganization() {
return <CreateOrgLink orgName="Acme">Create organization</CreateOrgLink>;
}Renders a link that sends the user to Kinde to create an organization and become its member.
A B2B application needs customers to create their own workspace during onboarding.
An application provides a dedicated call-to-action for creating a new organization.
CreateOrgLink starts the organization-creation flow from a Next.js application. Clicking it redirects the user to Kinde, which creates the organization and adds the user as a member.
Follow-up: How would you let users choose the organization name?
Import it from the server entry point of the Next.js SDK: @kinde-oss/kinde-auth-nextjs/server. Use it as a component and provide link content between its tags.
Follow-up: Why should the import match the App Router SDK entry point?
The documented example passes an orgName prop, such as "My org", while the child text supplies the visible call-to-action. The component then performs the redirect when the user selects the link.
Follow-up: What would you verify if the link did not create an organization?
Next.js App Router SDK v1organization creationKinde