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

# Create frontend

> Add a chat page that streams responses from a Veryfront agent.

## Prerequisites

* A project created with [Create project](/code/getting-started/create-project).
* The agent route from [Create API](/code/getting-started/create-api).
* The dev server running (`veryfront dev`).

## Add the chat page

Replace `app/page.tsx` with a client page:

```tsx theme={null}
// app/page.tsx
"use client";

import { Chat, useChat } from "veryfront/chat";

export default function Home() {
  const chat = useChat();

  return <Chat {...chat} placeholder="Ask me anything..." />;
}
```

`useChat()` uses `/api/ag-ui` by default. `Chat` renders the composer,
messages, loading state, and streamed assistant response.

## Verify it worked

Open [http://localhost:3000](http://localhost:3000), send a message, and ensure
the assistant response streams into the chat.

For custom layouts, see [Chat UI](/code/guides/chat-ui).