mirror of
https://github.com/CopilotKit/CopilotKit.git
synced 2026-09-14 16:26:20 +08:00
Alem Tuzlak
79ce60c580
Replace eslint and prettier with oxlint and oxfmt for faster linting and formatting across the monorepo. Remove all eslint and prettier configs, dependencies, and related packages. Add .oxlintrc.json and .oxfmtrc.json for the new tooling. Update CI workflows and lefthook hooks accordingly. Reformat codebase with oxfmt. https://claude.ai/code/session_01GMkSf29p78HuMR1mbXn8He
This is a demo that showcases using CopilotKit to build a simple Todo app.
Run the live demo
Want to see CopilotKit in action? Click the button below to try the live demo.
Deploy with Vercel
To deploy with Vercel, click the button below:
How to Build: a To-Do list app with an embedded AI copilot
Learn how to create a To-Do list app with an embedded AI copilot. This tutorial will guide you through the process step-by-step.
Tutorial: How to Build: a To-Do list app with an embedded AI copilot
Add your OpenAI API key
Add your environment variables to .env.local in the root of the project.
OPENAI_API_KEY=your-api-key
Install dependencies
npm install
Run the development server
npm run dev
Open the demo
Open http://localhost:3000 with your browser to see the result.
The Copilot-Specific parts of the code:
-
Notice
<CopilotKit />and<CopilotPopup />inpage.tsx -
Notice
useCopilotReadableinpage.tsx -
Notice the 2
useCopilotActioninpage.tsx