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 setting
OPENAI_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
and useUpdateSlide
to see where the frontend application action is made accessible to the Copilot engine.
In route.ts
, see how the backend-running researchAction
is defined against the research.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.