Skip to Content
Clerk logo

Clerk Docs

Ctrl + K
Go to clerkstage.dev

<RedirectToUserProfile />

The <RedirectToUserProfile /> component will navigate to the user profile URL which has been configured in your application instance. The behavior will be just like a server-side (3xx) redirect, and will override the current location in the history stack.

Usage

pages/_app.tsx
import { ClerkProvider, SignedIn, SignedOut, RedirectToUserProfile, } from "@clerk/nextjs"; import { AppProps } from "next/app"; function MyApp({ Component, pageProps } : AppProps) { return ( <ClerkProvider {...pageProps}> <SignedIn> <RedirectToUserProfile/> </SignedIn> <SignedOut> Please Sign In </SignedOut> </ClerkProvider> ); } export default MyApp;

What did you think of this content?

Clerk © 2023