tambo-ai

Chat Starter App

A simple generative UI NextJS app ready for customization

Demo GIF

Github

Install the starter app
npm create tambo-app@latest my-tambo-app

This template app shows how to setup the fundamental parts of an AI application using tambo:

Component registration

See in src/lib/tambo.ts how a graph component is registered with tambo.

Tool Registration

See in src/lib/tambo.ts how population data tools are registered with tambo.

UI for sending messages to tambo and showing responses

The components used within src/components/ui/message-thread-full.tsx use hooks from tambo's react SDK to send messages and show the thread history.

Wrap the app with the TamboProvider

In src/app/chat/page.tsx we wrap the page with the TamboProvider to enable the usage of tambo's react SDK within the message sending and thread UI components.