# Introducing AI Integrations on Vercel

**Published:** February 8, 2024 | **Authors:** Jared Palmer | **Category:** Company News

*Incorporate AI models and services from industry\-leading providers into your Vercel projects with just a few clicks\.*

---

Today, we’re launching **nine new AI integrations for Vercel** from leading AI companies.

We’ve also created a new **model playground** where you can try dozens of models instantly to generate text, images, audio, and more right in your dashboard.

![Explore and play with the popular AI models from various providers.](//images.ctfassets.net/e5382hct74si/7Co0WqvKO3BRskNVnEifvI/ef9462bdcff338044afde480bbf249aa/Screenshot_2024-02-07_at_12.57.33.png)
*Explore and play with the popular AI models from various providers.*

## **Building the future with AI**

Vercel is the product infrastructure for [AI applications](https://vercel.com/ai).

From [chatbots](https://vercel.com/templates/next.js/nextjs-ai-chatbot) that augment customer service flows, to recommendation systems with semantic search, [Retrieval Augmented Generation (RAG)](https://vercel.com/guides/retrieval-augmented-generation), and generative image services—companies can build better product experiences faster than ever before with AI.

We've partnered with our first cohort of AI providers to speed up your product development process.

![Our first cohort of AI Integration partners, now available in the AI tab.](//images.ctfassets.net/e5382hct74si/4mcedk6Ib2HFe9sBP36qgU/784a7c67b683d357fc03c890f2fc4bcd/Frame_2.png)
*Our first cohort of AI Integration partners, now available in the AI tab.*

***"We're excited to partner with Vercel on bringing the latest state of the art open source machine learning models to more AI Engineers. We believe that AI should be easy to run and integrate into any web application."  ***— Replicate Software Engineer, Charlie Holtz

## Connecting to models with the AI SDK

After you've integrated with an AI provider, you can then quickly get started using the model in your frontend application using the [Vercel AI SDK](https://sdk.vercel.ai/docs). This SDK is like an ORM for any AI model you want to use, whether it's for text, images, and soon audio.

For example, if you want to use the Perplexity API with Next.js, it only takes the following code to stream back responses to your frontend:

**app/api/chat/route.ts**
```tsx
import { OpenAIStream, StreamingTextResponse } from 'ai';
import OpenAI from 'openai';
const perplexity = new OpenAI({
  apiKey: process.env.PERPLEXITY_API_KEY || '',
  baseUrl: 'https://api.perplexity.ai',
});
export async function POST(req: Request) {
  const { messages } = await req.json();
  // Generated a chat completion based on the prompt
  const response = await perplexity.chat.completions.create({
    model: 'pplx-7b-chat',
    stream: true,
    messages: messages,
  });
  // Convert the response into a friendly text-stream
  const stream = OpenAIStream(response);
  // Respond with the stream
  return new StreamingTextResponse(stream);
}
```

[Learn more about the AI SDK](https://sdk.vercel.ai/docs) or follow the instructions after connecting to your provider of choice.

### **Get Started Today**

The future of application development is intelligent, intuitive, and immersive. With Vercel's AI Integrations, you're not just building applications; you're crafting experiences that anticipate and adapt to user needs in real-time.

If you’re an AI company or developer keen to join our AI Integrations, you can [create your own integration](https://vercel.com/docs/integrations/create-integration).

Check out the new tab in your Vercel dashboard and [add AI to your app today](https://vercel.com/docs/integrations/ai).

**Start building today**
Explore, preview, and seamlessly integrate AI models and databases into your Vercel projects. 
[Get Started](https://vercel.com/docs/integrations/ai)

---

**More posts:** [View all blog posts](https://vercel.com/blog/sitemap.md) | [Changelog](https://vercel.com/changelog/sitemap.md)