Skip to content
← Back to Blog

Thursday, February 8th 2024

Introducing AI Integrations on Vercel

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

Posted by

Avatar for jared

Jared Palmer

VP of Product, AI

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.
Explore and play with the popular AI models from various providers.
Explore and play with the popular AI models from various providers.
Explore and play with the popular AI models from various providers.

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

Our first cohort of AI Integration partners, now available in the AI tab.
Our first cohort of AI Integration partners, now available in the AI tab.
Our first cohort of AI Integration partners, now available in the AI tab.
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. 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
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);
}
Using the Perplexity API with the Next.js App Router.

Learn more about the AI SDK 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.

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

Start building today

Explore, preview, and seamlessly integrate AI models and databases into your Vercel projects.

Get started