> ## Documentation Index
> Fetch the complete documentation index at: https://docs.shipkit.app/llms.txt
> Use this file to discover all available pages before exploring further.

# Dashboard Header

<img src="https://mintcdn.com/shipkit/HuQd_kWdB4hOr_Br/images/dashboardheader.png?fit=max&auto=format&n=HuQd_kWdB4hOr_Br&q=85&s=aeb3361b8ee5ef5208b386c4fb8d1f3b" alt="DashboardHeader" width="2400" height="490" data-path="images/dashboardheader.png" />

## Usage

<Tabs>
  <Tab title="Astro">
    ```tsx theme={null}
    ---
    import { DashboardHeader } from '~/components';
    ---

    <DashboardHeader user={Astro.locals.user} />
    ```
  </Tab>

  <Tab title="Next.js">
    ```tsx theme={null}
    import { DashboardHeader } from '~/components';
    import { getCurrentUser } from '~/core/auth/server';

    export default async function Page() {
      const user = await getCurrentUser();

      return <DashboardHeader user={user} />;
    }
    ```
  </Tab>
</Tabs>

## Props

<ResponseField name="user" type="User | null" required>
  The current user. (<a href="#user">User</a>)
</ResponseField>

<ResponseField name="children" type="any">
  A replacement for the avatar in the header.
</ResponseField>

## Content

To update the title in the header, edit `site.name` in `src/config/site.ts`.

```typescript theme={null}
import { env } from '~/core/env';

export const site = {
  name: 'ShipKit',
  ...
};
```

## Types

### User

```typescript theme={null}
import type { User } from '~/core/auth';
```