AI SDK Template

Everything you need to build your next AI powered application. Built with:

  • Vercel AI SDK
  • Next.js 16
  • Tailwind CSS
  • shadcn/ui
See ExamplesView on GitHub
Free & Open Source

Fully open source and free to use. No hidden costs or subscriptions. Fork it, customize it, and make it your own.

Latest Tech Stack

Built with Next.js 16, Vercel AI SDK, and TypeScript. Get access to the latest features and best practices for modern AI applications.

Beautiful Components

Pre-built UI components with shadcn/ui. Accessible, customizable, and styled with Tailwind CSS. Easy to customize and extend.

Getting Started

1. Clone the repository

git clone https://github.com/ChangoMan/ai-sdk-template
cd ai-sdk-template

2. Install dependencies

npm install

3. Set up environment variables

cp .env.example .env.local

Then open .env.local and fill in your API keys:

  • GOOGLE_GENERATIVE_AI_API_KEY - Get from Google Gemini
  • OPENAI_API_KEY - (Optional) Get from OpenAI

By default, this template will use the Google Generative AI Provider since it has a generous free tier. However, if you want to try out the image generation, you may need to add a billing plan.

4. Run the development server

npm run dev

Open http://localhost:3000 in your browser to see the result.