Features

• Next.js App Router
• Vercel AI SDK for streaming completion UI
• Support for OpenAI (default), Anthropic, Cohere, Hugging Face, or custom AI chat models and/or LangChain
• shadcn/ui
  • Styling with Tailwind CSS
  • Radix UI for headless component primitives
  • Icons from Phosphor Icons
• Rate limiting, and views count with Vercel KV
• State management in React with Zustand

Getting Started

First, install deps:

pnpm install

Second, run the development server:

pnpm 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.

Remember to update your environment variables in the .env file with the appropriate credentials.

Components

Shadcn

https://ui.shadcn.com/docs

To add new shadcn/ui components:

pnpm dlx shadcn@latest add

OG Image

• OG Generator