---
title: "Step 1: Checkout the repo"
---

<Steps>
<Step>
## Get the starting code
We'll use the [research-canvas example](https://github.com/CopilotKit/CopilotKit/tree/main/examples/showcases/research-canvas) as our starting point. Clone the repository:

```shell
GIT_LFS_SKIP_SMUDGE=1 git clone --depth 1 https://github.com/CopilotKit/CopilotKit.git
cd CopilotKit/examples/showcases/research-canvas/start
```

The repository contains:

- `frontend/`: A NextJS application where we'll integrate our agent
- `agent/`: A Python-based LangGraph agent we'll enhance with CopilotKit

</Step>
<Step>
## Install frontend dependencies
Navigate to the frontend directory and install dependencies:

```shell
cd frontend
pnpm install
```

</Step>
<Step>
## Start the application
Launch the development server:

```shell
pnpm run dev
```

Visit [http://localhost:3000](http://localhost:3000) to see the initial application. You'll see an empty chat interface and document - this is our starting point.

</Step>
</Steps>

Next, we'll explore how our LangGraph agent works.
