Vercel：用生成式UI重塑前端开发

vercel的aisdk+aichatbot都做的很方便上手，我将ai-chatbot项目https://github.com/vercel/ai-chatbot实践套壳gpt（chat.aicube.fun），缝合langchain官方的next.js+langchain.js的示例模板https://github.com/langchain-ai/langchain-nextjs-template，很轻松就实现了搜索、浏览、Dall-E生图等gpts的功能.一键部署到vercel，还用tauri打包成客户端，实践下来确实可以成为AINavtive初创企业的首选框架当然新的rsc版本，多了AIState和UIState这样的设定，开始让框架有点繁琐了，我个人是不太感冒，庆幸自己是在之前fork了这个项目，保留了简洁的chatbot框架，方便自己拓展改造。欢迎对rsc有研究的朋友指正。感谢文章作者@Scarlett-事业脑版的精彩创作，期待更多好文！

相关推荐

封面图片

Vercel 在 GitHub 开源的一个 AI SDK，可帮你快速构建 AI 应用，包括 AI 对话、聊天界面、流式文本输出等

Vercel在GitHub开源的一个AISDK，可帮你快速构建AI应用，包括AI对话、聊天界面、流式文本输出等功能。现已集成OpenAI、HuggingFace、LangChain等知名AI开发工具。未来AI应用的开发效率将越来越快，成本越来越低。目前已支持React/Next.js、Svelte/SvelteKit和Vue/Nuxt以及Node.js、Serverless和EdgeRuntime。，下一步将支持Nuxt/Vue。
封面图片

https://SmartExcel.cc 开源了，这是一个足够简单（调用ChatGPT的API）却又功能俱全（有登录和支付）的

https://SmartExcel.cc开源了，这是一个足够简单（调用ChatGPT的API）却又功能俱全（有登录和支付）的demo级产品。[技术栈]前后端：Next.js+Tailwind+Prisma登录：Next-Auth支付：LemonSqueezy部署：Vercel你可以基于这个项目快速开发自己的SaaS产品。求Star：https://github.com/weijunext/smart-excel-ai如果你对以上技术栈不熟悉，可以到这里边学边练：https://github.com/weijunext/nextjs-learn-demos
封面图片

我们以AI代码转换器为例，打开 https://vercel.com/templates/next.js/ai-code-tra

我们以AI代码转换器为例，打开https://vercel.com/templates/next.js/ai-code-translator，点击页面左下角的“Deploy”按钮。下一步，会让我们选择用哪个平台存储代码，因为我们用Github注册的，所以就选择Github。之后输入框保持默认值，点击“Create”按钮。这个项目需要填写OpenAI的APIKey，需要去https://platform.openai.com/account/api-keys创建一个新的key，填入到第二个输入框，之后点击“Deploy”按钮。到这一步，看到漫天飞花，就说明部署成功了，点击右上角的“ContinuetoDashboard”。可以看到状态是“Ready”，说明正常运行，复制Vercel免费提供给我们的子域名网址https://ai-code-translator-orpin-six.vercel.app/打开。在左侧输入javascript代码，点击“Translate”按钮，就把代码翻译成python代码了，说明部署成功且真的能够正常运行。如果你想部署其它AI产品模板，也是一样的步骤。
封面图片

Read Pilot，一款免费开源的智能阅读在线文章工具，只需要输入链接，OpenAI即可在线分析链接内容，并且为你生成Q&A/

ReadPilot，一款免费开源的智能阅读在线文章工具，只需要输入链接，OpenAI即可在线分析链接内容，并且为你生成Q&A/问答卡片帮助快速阅读，不过目前支持英文，工具由OpenAI和Next.js提供支持，A姐体验了一下发现，对中文不太友好，英文还是可以可以体验试试的。智能阅读在线文章工具地址ReadPilot：https://readpilot.vercel.app/GitHub地址：https://github.com/forrestchang/readpilot
封面图片

Vue.js+Node.js全栈开发实战（Web前端技术丛书）

名称：Vue.js+Node.js全栈开发实战（Web前端技术丛书）描述：本书着眼于实战开发，以Node.js和Vue.js原生知识和框架实战为主线，详细介绍Node.jsVue.js开发的基础知识和相应案例实践。Node.js后端包括console、assert、fs、path、http、url、tcp、udp等核心模块、与MongoDB和MySQL数据库的连接方法等。Vue.js前端包括模板语法、生命周期、指令系统、样式绑定和路由等内容。同时，本书着重介绍基于Node.jsVue.js开发的工具选择、环境搭建和项目构建等内容，所有案例都提供了详尽的源代码及其注释。链接：https://pan.quark.cn/s/78b862fcd067大小：N标签：#电子书#Vue#quark频道：@yunpanshare群组：@yunpangroup
封面图片

【douban-35284928】Vue.js+Node.js全栈开发实战（Web前端技术丛书）

名称：【douban-35284928】Vue.js+Node.js全栈开发实战（Web前端技术丛书）描述：本书着眼于实战开发，以Node.js和Vue.js原生知识和框架实战为主线，详细介绍Node.jsVue.js开发的基础知识和相应案例实践。链接：https://www.aliyundrive.com/s/aTU6qjw7Tmf大小：未知标签：#学习#知识#_douban_35284928_Vue_js_Node_js全栈开发实战_Web前端技术丛书来自：雷锋频道：@shareAliyun群组：@aliyundriveShare投稿：@aliyun_share_bot

🔍 发送关键词来寻找群组、频道或视频。

启动SOSO机器人