本课程《使用 Vercel AI SDK 构建支持 OpenAI 与 Gemini 的实时 AI 聊天机器人》将带你基于 Next.js 14 最新功能，从零开发一个多模型智能聊天应用。通过结合 OpenAI 与 GeminiAI，本课程不仅帮助你掌握前后端整合技术，还提供完整的用户体验与部署流程。
你将学习如何使用 Vercel AI SDK 连接两个主流 AI 模型，实时发送提示词并将 AI 响应以流式形式显示在界面上；如何使用 Clerk 实现用户认证，用 Tailwind CSS 构建美观 UI，并将用户历史聊天记录存储到数据库中，支持页面刷新后恢复对话。适合具备 React 和 Next.js 基础的开发者，通过本项目你将掌握构建高质量 AI 应用的实战能力，完成部署并获得完整源码参考。
英文原版介绍
Published 6/2024
Created by K.Sathyaprakash Reddy
MP4 | Video: h264, 1280×720 | Audio: AAC, 44.1 KHz, 2 Ch
Genre: eLearning | Language: English | Duration: 28 Lectures ( 3h 52m ) | Size: 2 GB
Build a real-time AI Chatbot using Vercel AI SDK with two AI models support (OpenAI , GeminiAI)
What you’ll learn:
Nextjs 14 latest features
Introduction to Vercel AI SDK and Advantages
Building AI Chatbot using Vercel AI SDK with two top AI Models (OpenAI , GeminiAI)
Learn how to send the prompts to AI and how to show the AI streamed response on UI
Learn how to save all users chats to database , so even after the page refresh they can view all the previous chats with AI
Requirements:
React JS Basics
Next JS Basics
Description:
Welcome to the “Next.js AI Chatbot” course! In this project-based course, you will learn how to build a powerful AI chatbot application using the latest features of Next.js 14 and the Vercel AI SDK.Course CurriculumIntroduction to Next.js 14 and Vercel AI SDKOverview of Next.js 14 and its latest featuresIntroduction to Vercel AI SDK and its advantagesSetting up the development environmentBuilding the User InterfaceImplementing user authentication and authorization using ClerkDesigning the UI using Tailwind CSSCreating reusable components for the chatbot interfaceIntegrating AI ModelsConnecting to OpenAI and GeminiAI models using Vercel AI SDKConfiguring API keys and environment variablesImplementing Chatbot FunctionalityHandling user input and generating prompts for AI modelsStreaming AI responses to the UI in real-timeDisplaying AI responses with proper formattingPersisting Chat HistorySaving user chats to a databaseRetrieving and displaying previous chat historyAllowing users to resume conversations based on past messagesEnhancing User ExperienceImplementing features for selecting and resuming past chatsProviding a seamless and intuitive user interfaceDeployment and QADeploying the application to VercelPerforming thorough testing and quality assuranceProviding complete source code access to studentsBy the end of this course, you will have built a fully functional AI chatbot application using Next.js 14, Vercel AI SDK, and popular AI models. You will learn how to integrate user authentication, design an attractive UI, handle AI responses, and save chat history for a better user experience. The course will also cover deployment and provide access to the complete source code for future reference and learning.
评论0