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:

The repository contains:

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

</Step> <Step> ## Install frontend dependencies Navigate to the frontend directory and install dependencies: </Step> <Step> ## Start the application Launch the development server:

Visit 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 LangChain agent works.