LogoTemplateFame
  • Category
  • Blog
  • Pricing
  • Submit
LogoTemplateFame

Newsletter

Join the Community

Subscribe to our newsletter for the latest news and updates

LogoTemplateFame

TemplateFame - Popular Templates Directory

X (Twitter)
Made with❤️byHyhor
Product
  • Submit
  • Pricing
  • Category
Explore
  • Tag
  • Blog
  • Collection
Contact
  • Twitter
  • Email
More
  • About Us
  • Privacy Policy
  • Terms of Service
  • Sitemap

Quick Links - Explore more trending templates

  • Product Templates
  • Business Templates
  • Landing Templates
  • Notion Templates
  • Blog Templates
  • Portfolio Templates
  • E-commerce Templates
  • Dashboard Templates
  • Services Templates
  • Agency Templates
  • Coming Soon Templates
  • Boilerplate Templates
  • Directory Templates
  • Documentation Templates
  • Photography Templates
  • Personal Templates
  • Admin dashboard Templates
  • AI Templates
  • Mobile Templates
  • Cross-platform Templates
  • Microservice Templates
  • WordPress Templates
  • HTML Templates
  • Shopify Templates
  • CMS Templates
  • Emails Templates
  • Newsletter Templates
  • Notifications Templates
  • Payments Templates
  • SEO Templates
  • Animations Templates
  • UI/UX Templates
  • Other Templates
Copyright © 2026 All Rights Reserved.
  1. Home
  3. Category
  7. Provider Registry with Vercel AI SDK
icon of Provider Registry with Vercel AI SDK

Provider Registry with Vercel AI SDK

A Next.js chatbot using the Vercel AI SDK's streamText function with a provider registry to allow users to switch models.

Visit Website
image of Provider Registry with Vercel AI SDK
Visit Website

Introduction

Back

Information

  • Publisher
    Hyhor
  • Websitevercel.com
  • Published date2025/11/16

Categories

  • AI
  • Boilerplate
  • Services

Tags

  • nextjs
  • Vercel
  • TypeScript
  • API
  • Tailwind
image of ShipAny
Sponsored
AIBoilerplateAdmin dashboard

ShipAny

ShipAny is a development framework for building AI SaaS, with rich built-in functional modules and business components, helping you quickly launch your website.

More Products

image of Mkdirs
Featured
DirectoryBoilerplateAI
Visit Website

Mkdirs

Details

The best directory boilerplate, packed with AI, Listings, Payment, Submission, CMS, Blog, Authentication, Newsletter, SEO, Themes and more.

nextjsshadcnTailwindAuthentication
image of Nexty.dev
Featured
BoilerplateAIBusiness
Visit Website

Nexty.dev

Details

Build your SaaS in days with Nexty - the complete Next.js SaaS template includes auth, payments, AI, CMS, and everything you need to start earning immediately.

nextjsTypeScriptTailwindAuthenticationVercel
image of NextDevKit
Featured
BoilerplateProductCross-platform
Visit Website

NextDevKit

Details

Build and deploy production-ready SaaS apps faster with NEXTDEVKIT. Full-stack OpenNext & Next.js Template or Boilerplate with auth, payments, databas...

nextjsTypeScriptTailwindAuthenticationshadcn
Featured on ProductFameFeatured on toolfame.comFeatured on saasfame.comFeatured on aitoolfame.comFeatured on directoryfame.comFeatured on Startup FameListed on Turbo0Featured on Twelve ToolsFeatured on Wired BusinessFeatured on Findly.tools

This example demonstrates how to use the Vercel AI SDK with Next.js and the experimental_createProviderRegistry function. This allows developers to easily handle multiple AI providers and models within their application, enabling users to switch between them seamlessly.

Key Features:

  • Multi-Provider Support: Integrate with various AI providers like OpenAI, Anthropic, and Google Generative AI.
  • Dynamic Model Switching: Users can easily switch between different AI models directly within the chatbot interface.
  • Vercel AI SDK Integration: Leverages the streamText function for efficient text streaming.
  • Next.js Framework: Built on Next.js for a robust and scalable application foundation.

Use Cases: This template is ideal for building advanced AI chatbots where flexibility in model choice is crucial. It's perfect for:

  • Developers wanting to experiment with different LLMs without changing core application logic.
  • Applications requiring fallback mechanisms or A/B testing of AI models.
  • Educational platforms demonstrating various AI capabilities.

How to Use: To get started, you can bootstrap the example using create-next-app:

npx create-next-app --example https://github.com/vercel-labs/ai-sdk-preview-provider-registry ai-sdk-preview-provider-registry-example
# or
yarn create next-app --example https://github.com/vercel-labs/ai-sdk-preview-provider-registry ai-sdk-preview-provider-registry-example
# or
pnpm create next-app --example https://github.com/vercel-labs/ai-sdk-preview-provider-registry ai-sdk-preview-provider-registry-example

To run the example locally:

  1. Sign up for accounts with the AI providers you want to use (e.g., OpenAI, Anthropic).
  2. Obtain API keys for each provider.
  3. Set the required environment variables (e.g., OPENAI_API_KEY, ANTHROPIC_API_KEY, GOOGLE_GENERATIVE_AI_API_KEY) in a new .env file, based on the .env.example.
  4. Run npm install to install dependencies.
  5. Run npm run dev to launch the development server.

Learn More:

  • Vercel AI SDK docs
  • Vercel AI Playground
  • Next.js Documentation