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

# Custom Pages

> Add new routes using the App Router structure exported with the Starter Kit.

New pages can follow the patterns already present under `app/`:

* Server Components by default; opt into `"use client"` only when you need browser APIs, matching the guidance in `starter-kit/SPECS.md`.
* Reuse shared layouts (e.g., `(auth)/layout.tsx`) to pick up consistent headers, footers, and providers.
* When wiring server actions, lean on the established `encodedRedirect` helpers and timeout handling showcased in `app/actions.ts`.

We will add concrete tutorials here that stay synchronized with the codebase as new examples ship.

## Related Topics

<CardGroup cols={2}>
  <Card title="App Configuration" icon="sliders" href="/starter-kit/customization/app-config">
    Add custom pages to navigation and configure routing
  </Card>

  <Card title="Component Library" icon="boxes" href="/starter-kit/customization/component-library">
    Use pre-built components in your custom pages
  </Card>

  <Card title="Branding & Styling" icon="palette" href="/starter-kit/customization/branding-styling">
    Apply consistent branding to custom pages
  </Card>

  <Card title="Theme Configuration" icon="moon" href="/starter-kit/customization/theme-config">
    Ensure custom pages support dark mode
  </Card>
</CardGroup>