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.

Link to headingBuilding the future with AI

Vercel is the product infrastructure for AI applications.

From chatbots that augment customer service flows, to recommendation systems with semantic search, Retrieval Augmented Generation (RAG), 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.

"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

Link to headingConnecting 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. 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:

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 or follow the instructions after connecting to your provider of choice.

Link to headingGet 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.

Check out the new tab in your Vercel dashboard and add AI to your app today.