This is a demo that showcases using CopilotKit to build a PowerPoint like web app.
To deploy with Vercel, click the button below:
npm i
copy .env.local.example
to .env.local
and populate the required environment variables.
⚠️ Important: Not all users have access to the GPT-4 model yet. If you don't have access, you can use GPT-3 by settingOPENAI_MODEL
togpt-3.5-turbo
in the.env.local
file.
If you want online research to work, you only need a tavily API key, which you can obtain here: https://tavily.com/
npm run dev
Open http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.tsx
. The page auto-updates as you edit the file.
-
Search for
useMakeCopilotReadable
to see where frontend application information is being made accessible to the Copilot engine -
Search for
useAppendSlide
anduseUpdateSlide
to see where the frontend application action is made accessible to the Copilot engine. -
In
route.ts
, see how the backend-runningresearchAction
is defined against theresearch.ts
agent, powered by LangChain's LangGraph and by Tavily research API.
## Learn More
To learn more about CopilotKit, take a look at the following resources:
- [CopilotKit Documentation](https://docs.copilotkit.ai/getting-started/quickstart-chatbot) - learn about CopilotKit features and API.
- [GitHub](https://github.com/CopilotKit/CopilotKit) - Check out the CopilotKit GitHub repository.
- [Discord](https://discord.gg/6dffbvGU3D) - Join the CopilotKit Discord community.