<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

• 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

1
import { StackHandler } from '@stackframe/stack';
2
import { stackServerApp } from "@/stack";
3
4
export default function Handler(props: { params: any, searchParams: any }) {
5
  return (
6
    <StackHandler
7
      app={stackServerApp}
8
      routeProps={props}
9
      fullPage={true}
10
      componentProps={{
11
        SignIn: { /* SignIn component props */ },
12
        SignUp: { /* SignUp component props */ },
13
        // ... other component props
14
      }}
15
    />
16
  );
17
}