Bennett AI

Overview

A Gen AI chatbot entirely built with v0.dev in less than a day's worth of effort.

This project was built so I could see how to test out the Vercel's AI SDK using V0.dev as a starting point.

Bennett AI is inspired from Claude, ChatGPT, Copilot, and other Gen AI chatbot interfaces and interactive elements.

Quick Start

Clone and install:

git clone [email protected]:bennettfrazier/bennett-ai.git
cd bennett-ai
pnpm install

Copy .env.example to .env and add your API keys:

cp .env.example .env

Then edit .env and add your Anthropic API key (starts with sk-ant-)

To get an API key, go to Anthropic's Console and follow sign up instructions.

Start the dev server:

pnpm dev

Available Commands

• pnpm dev - Start development server
• pnpm build - Build for production
• pnpm start - Start production server

Project features:

• Message streaming to display API response as it comes in
• Message reasoning with auto expansion, collapse, and scrolling
• Message response markdown styling using Tailwind Typography
• Welcome screen component that loads a random welcome message on page load
• Animations while response is "thinking"

Under the hood:

• Next.js 15
• Shadcn
• Tailwind 4
• AI SDK
• Tailwind Typography
• Anthropic API – Claude Sonnet v3.7