Next Steps

Start app: <a href="https://github.com/CopilotKit/CopilotKit/tree/main/examples/starters/todos-app/start">GitHub | <a href="https://stackblitz.com/github/copilotkit/CopilotKit/tree/main/examples/starters/todos-app/start?file=lib%2Fhooks%2Fuse-tasks.tsx">Stackblitz Sandbox
Final app: <a href="https://github.com/CopilotKit/CopilotKit/tree/main/examples/starters/todos-app/final">GitHub | <a href="https://stackblitz.com/github/copilotkit/CopilotKit/tree/main/examples/starters/todos-app/final?file=lib%2Fhooks%2Fuse-tasks.tsx">Stackblitz Sandbox

This is the end of the tutorial. You can now start building your own copilot-powered apps!

Source code#

You can find the source code and interactive sandboxes here:

For next steps, here are some ideas:

Add suggestions to your copilot, using the useCopilotChatSuggestions hook.
Add an initial assistant message to your chat window (for more info, check the documentation for <CopilotPopup />).
Dive deeper into the useful useCopilotChat hook, which enables you to set the system message, append messages, and more.
Implement autocompletion using the <CopilotTextarea /> component.
Follow the Textarea Autocomplete tutorial to learn more about CopilotKit.

We have more tutorials coming soon.

If you have any questions, feel free to reach out to us on Discord.