首页 > 其他分享 >nextjs 一键部署ChatGPT 网页版

nextjs 一键部署ChatGPT 网页版

时间:2024-01-09 21:34:05浏览次数:44  
标签:AI 一键 js nextjs env ChatGPT Vercel vercel

ChatGPT的语境理解能力已经得到了大幅提升。它能够更好地理解你输入的问题或指令,并从中获取更多的上下文信息,以便给出更准确和相关的回答。无论是一般性的问题还是特定领域的知识,ChatGPT都能为你提供更有深度的答案

Vercel 官方打造的ChatGPT网页版

代码特色

  • Next.js App Router
  • React Server Components (RSCs), Suspense, and Server Actions
  • Vercel AI SDK for streaming chat UI
  • Support for OpenAI (default), Anthropic, Cohere, Hugging Face, or custom AI chat models and/or LangChain
  • shadcn/ui

github地址:

https://github.com/vercel/ai-chatbot

demo 地址:

chatgpt中文


支持的模型

该模板默认使用OpenAI的gpt-3.5-turbo版本。然而,由于Vercel AI SDK的支持,您可以仅需几行代码就可以切换到Anthropic、Cohere、Hugging Face或使用LangChain作为您的LLM提供商。

部署你的代码

您可以通过一键部署将自己的Next.js AI聊天机器人版本部署到Vercel上:

nextjs 一键部署ChatGPT 网页版_github


本地运行

要运行Next.js AI聊天机器人,您需要使用.env.example中定义的环境变量。建议您使用Vercel环境变量,但只需要一个.env文件就足够了。

  1. 注意:您不应提交您的.env文件,否则会暴露秘密信息,使其他人能够控制访问您的各种OpenAI和身份验证提供商账户
  2. 安装 Vercel CLI: npm i -g vercel
  3. Link local instance with Vercel and GitHub accounts (creates .vercel directory): vercel link
  4. Download your environment variables: vercel env pull
pnpm install
pnpm dev

你的项目会启动在 localhost:3000.

标签:AI,一键,js,nextjs,env,ChatGPT,Vercel,vercel
From: https://blog.51cto.com/u_14745467/9165799

相关文章

  • 软件测试/人工智能/全日制测试开发|利用ChatGPT自动生成自动化测试脚本
    自动化测试是软件测试过程中不可或缺的一部分,它能够提高测试效率,减少测试成本,保障软件质量。然而,编写和维护自动化测试脚本仍然是一个具有挑战性的任务,需要花费大量的时间和精力。学会借助ChatGPT自动生成自动化测试脚本,就可以减少编写自动化脚本的工作量,提高测试效率。如何借助Cha......
  • 2023 年精选:ChatGPT 会取代开发者吗?
    由于最近发布了ChatGPT,人工智能再次热闹起来,ChatGPT是一种自然语言聊天机器人,人们用它来写电子邮件、诗歌、歌词和大学论文。早期采用者甚至用它来编写Python代码,以及对shellcode进行逆向工程并用C重写。ChatGPT给那些渴望人工智能实际应用到来的人们带来了希望,但它也引出了......
  • 大麦订单生成器 大麦订单图一键生成 大麦演唱会门票订单生成
    1.可以一键添加,生成的假订单没有水印,界面也很真实。2.在软件中输入生成的信息,这是产品信息,选择生成的产品图像,最后生成它。教程:解压源码,导入数据库,修改数据库config/Congig 1、一键生成大麦演唱会订单截图,大麦电子票订单截图,效果逼真,高清无水印,2、使用简单,支持自定义订单内容;下......
  • 文心一言 VS 讯飞星火 VS chatgpt (174)-- 算法导论13.3 3题
    三、用go语言,假设图13-5和图13-6中子α、β、γ、δ和ε的黑高都是k。给每张图中的每个结点标上黑高,以验证图中所示的转换能保持性质5。文心一言:在Go语言中,你可以通过以下步骤来为图13-5和图13-6中的每个节点分配黑高,以验证性质5。首先,我们需要定义一个结构体来表示图中的节点,然......
  • 三种常见的报表模板,一键套用,省时又方便
    前言在业务应用和数据分析中,报表是一种常见的数据展示形式,可以帮助用户更直观地理解和解读数据。然而,每次创建和设计一款报表都需要花费大量的时间和精力。为了提高报表设计的效率,本文小编以葡萄城公司的嵌入式BI工具——Wyn商业智能为例,为大家介绍如何快速实现下面三种常见的报......
  • Android 期末大作业 - 简单计算器,一键运行
    项目介绍项目功能界面预览项目备注1、该资源内项目代码都经过测试运行成功,功能ok的情况下才上传的,请放心下载使用!2、本项目适合计算机相关专业(如计科、人工智能、通信工程、自动化、电子信息等)的在校学生、老师或者企业员工下载学习,也适合小白学习进阶,当然也可作为毕设项目、课程......
  • 文心一言 VS 讯飞星火 VS chatgpt (173)-- 算法导论13.3 2题
    二、用go语言,将关键字41、38、31、12、19、8连续地插入一棵初始为空的红黑树之后,试画出该结果树。文心一言:首先,我们需要了解红黑树的性质。红黑树是一种自平衡二叉查找树,其中每个节点要么是红色,要么是黑色,且满足以下性质:每个节点要么是红色,要么是黑色。根节点是黑色。所有叶子节......
  • BegCode生成第一个应用,一键走起!
    BegCode生成应用的代码过程非常简单,只需要简单的几个问题就可以了。环境要求BegCode要求Node和Java环境,所以你首先要安装相应的工具。JDK版本1.8和17以上可选,Node.js需要18.18或20.6以上的版本。安装BegCodenpminstall-ggenerator-begcode运行并配置1.运行命令begcode样子有点......
  • 迈入AI智能时代!ChatGPT国内版免费AI助手工具 peropure·AI正式上线,打造场景化智慧服务
     当OpenAI发布ChatGPT的时候,没有人会意识到,新一代人工智能浪潮将给人类社会带来一场眩晕式变革。其中以ChatGPT为代表的AIGC技术加速成为AI领域的热门发展方向,推动着AI时代的前行发展。面对技术浪潮,清越科技(PeroPure)立足多样化生活场景、精准把握用户实际需求,持续精确Fine-......
  • win11(含win10)自带的一键镜像备份与还原方法
    winxp和win7时代小伙伴们备份或恢复系统时大都采用类似一键ghost类的软件制作系统盘的映像,当遇到故障时再恢复,但win10和win11其实自带有这种映像制作和还原功能,我们就再也不需要额外安装这类ghost软件了,省得奸商们偷偷给我们加入些调料。下面我就详细讲解下怎样利用windows自带功......