<StackHandler />
Renders the appropriate authentication or account-related component based on the current route.
For detailed usage instructions, please refer to the manual section of the setup guide.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
app | StackServerApp | — | The Stack server application instance. |
routeProps | NextRouteProps | — | The Next.js route props, usually the first argument of the page component (see below) |
fullPage | boolean | — | Whether to render the component in full-page mode. |
componentProps | { [K in keyof Components]?: Partial<ComponentProps<Components[K]>> } | — | Props to pass to the rendered components. |
Example
import { StackHandler } from '@stackframe/stack';
import { stackServerApp } from "@/stack";
export default function Handler(props: { params: any, searchParams: any }) {
return (
<StackHandler
app={stackServerApp}
routeProps={props}
fullPage={true}
componentProps={{
SignIn: { /* SignIn component props */ },
SignUp: { /* SignUp component props */ },
// ... other component props
}}
/>
);
}