Vercel Introduces SDK for Building AI Apps with React and Svelte
AI continues to drive platform innovation, and builders are being treated to new features daily. While generative technologies like ChatGPT are powering apps with a range of capabilities, having the right infrastructure for product development and deployment is a key requirement.
To that end, Vercel – the frontend cloud for deploying applications quickly and easily – just launched a new software development kit for AI apps built with React and Svelte. This includes the Vercal AI SDK for easily streaming API responses from AI models and the Chat & Prompt Playground for exploring models via OpenAI, Hugging Face, and more.
According to the company's website, several AI platforms – including Scale, Jasper, and Jenni – have launched using Vercel and Next.js, its React-based web development framework. Next.js provides the essential tooling and configuration required for React, as well as additional structure and optimizations.
Ready for AI with a purpose-built SDK
The Vercel AI SDK is an open-source library with developers in mind. With the SDK, users can build conversational, streaming, and chat user interfaces using JavaScript and TypeScript. According to the company's post, the SDK supports React/Next.js and Svelte/SvelteKit, with support for Nuxt/Vue coming soon.
Vercel’s AI SDK embraces interoperability and includes first-class support for OpenAI, LangChain, and Hugging Face Inference. Regardless of a user's preferred AI model provider, they can leverage the Vercel AI SDK to create cutting-edge streaming UI experiences.
The AI SDK also includes "streaming first" UI helpers that enable real-time dynamic data representation in applications. Vercel also included callbacks for storing completed streaming responses to a database within the same request, allowing more efficient data management when handling text responses.
From a cloud scalability perspective, the AI SDK is already integrated with Vercel products like Serverless and Edge Functions. This allows users to build AI applications that deploy instantly, stream generated responses, and are cost-effective.
A playground for chat
In late April, Vercel launched an interactive online prompt playground called play.vercel.ai, allowing developers to compare various language model results in real time. Users can then tweak parameters and quickly generate Next.js, Svelte, and Node.js code.
Last week, Vercel added a new chat interface to this playground, allowing developers to compare chat models simultaneously. The company also added code generation support for the new AI SDK, allowing users to go from playground to chat app in just a few clicks.
About Vercel
Vercel is the cloud platform for frontend developers, providing the speed and reliability innovators need to create at the moment of inspiration. By providing the toolkit frontend teams love, Vercel unlocks developer potential and enables you to go from idea to global application in seconds. Vercel enables customers like Under Armour, Nintendo, The Washington Post, and Zapier to build delightful user experiences on the Web.