---
title: "<StackHandler />"
description: Renders the appropriate authentication or account-related component based on the current route.
---

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](../getting-started/setup).

## Props

| Property | Type | 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

```tsx title="app/handler/[...stack].tsx"
import { StackHandler } from '@stackframe/stack';
import { stackServerApp } from "@/stack/server";

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
      }}
    />
  );
}
```