Back to Copilotkit

Step 1: Checkout the repo

docs/content/docs/integrations/langgraph/tutorials/agent-native-app/step-1-checkout-repo.mdx

1.57.01017 B
Original Source
<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 LangChain 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 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.