news 2026/4/18 4:07:12

AI Getting Started:终极AI入门指南 - 从零构建全栈AI应用

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
AI Getting Started:终极AI入门指南 - 从零构建全栈AI应用

AI Getting Started:终极AI入门指南 - 从零构建全栈AI应用

【免费下载链接】ai-getting-startedA Javascript AI getting started stack for weekend projects, including image/text models, vector stores, auth, and deployment configs项目地址: https://gitcode.com/gh_mirrors/ai/ai-getting-started

AI Getting Started 是一个面向周末项目的 JavaScript AI 入门技术栈,包含图像/文本模型、向量存储、身份验证和部署配置等功能,能帮助新手和普通用户快速搭建全栈AI应用。

快速了解AI Getting Started技术栈

AI Getting Started技术栈集成了多种强大工具,为全栈AI应用开发提供一站式解决方案:

  • 身份验证:采用 Clerk,轻松实现用户注册、登录等功能。
  • 应用逻辑:基于 Next.js,构建高效的React应用。
  • 向量数据库:支持 Pinecone 和 Supabase pgvector,用于存储和检索向量数据。
  • LLM编排:借助 Langchain.js,实现大型语言模型的调用和管理。
  • 图像模型:集成 Replicate,轻松调用图像生成等模型。
  • 文本模型:对接 OpenAI,获取强大的文本处理能力。
  • 文本流:使用 ai sdk,实现文本的实时流式传输。
  • 部署:支持 Fly 等平台,方便应用的部署和上线。

从零开始构建全栈AI应用的步骤

1. 克隆仓库

要开始使用AI Getting Started,首先需要克隆仓库,运行以下命令:

git clone https://gitcode.com/gh_mirrors/ai/ai-getting-started

2. 安装依赖

进入项目目录,安装所需的依赖:

cd ai-getting-started npm install

3. 配置环境变量

复制环境变量示例文件并填写必要的密钥:

cp .env.local.example .env.local

需要填写的密钥包括 Clerk 密钥、OpenAI API 密钥、Replicate API 密钥等。如果使用 Pinecone 作为向量存储,需创建 Pinecone 索引并获取相关信息;如果使用 Supabase pgvector,需创建 Supabase 实例并启用 pgvector 扩展。

4. 生成嵌入向量

项目的/blogs目录下有一些示例 markdown 文件,可用于问答功能。根据使用的向量存储,运行相应命令生成嵌入向量并存储到数据库中:

  • 使用 Pinecone
npm run generate-embeddings-pinecone
  • 使用 Supabase pgvector: 在QAModel.tsx中,将/api/qa-pinecone替换为/api/qa-pg-vector,然后运行:
npm run generate-embeddings-supabase

5. 本地运行应用

完成上述步骤后,即可在本地运行应用:

npm run dev

6. 部署应用

部署到 fly.io
  • 注册 fly.io 账户并安装 flyctl。
  • 在项目根目录运行fly launch生成配置文件。
  • 运行fly deploy --ha=false部署应用,并可通过fly scale memory 512调整虚拟机内存。
  • 通过cat .env.local | fly secrets import上传环境变量。
其他部署选项

还可选择部署到 Netlify 或 Vercel 等平台。

探索项目结构

项目的主要代码位于src目录下,其中src/app包含应用的路由和页面,src/components包含各种组件,src/scripts包含生成嵌入向量等脚本。你可以通过查看这些目录下的文件,深入了解项目的实现细节。

参与项目贡献

如果你对项目感兴趣,可以通过以下方式参与贡献:

代码贡献

  • Fork 仓库,进行修改后创建 PR,并添加 @ykhli 或 @timqian 作为审核者。

其他贡献

  • 可以在 Issues 下提出功能请求、bug 报告等。

AI Getting Started 为新手提供了一个简单、快速的全栈AI应用开发入门方案,通过以上步骤,你可以轻松搭建属于自己的AI应用,开启AI开发之旅!

【免费下载链接】ai-getting-startedA Javascript AI getting started stack for weekend projects, including image/text models, vector stores, auth, and deployment configs项目地址: https://gitcode.com/gh_mirrors/ai/ai-getting-started

创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/4/18 4:06:47

OpenVAS Scanner扫描插件结果数据备份介质管理终极指南

OpenVAS Scanner扫描插件结果数据备份介质管理终极指南 【免费下载链接】openvas-scanner This repository contains the scanner component for Greenbone Community Edition. 项目地址: https://gitcode.com/GitHub_Trending/op/openvas-scanner OpenVAS Scanner是Gre…

作者头像 李华
网站建设 2026/4/18 4:06:33

AMD Ryzen终极调试指南:4步实战解锁处理器深度控制能力

AMD Ryzen终极调试指南:4步实战解锁处理器深度控制能力 【免费下载链接】SMUDebugTool A dedicated tool to help write/read various parameters of Ryzen-based systems, such as manual overclock, SMU, PCI, CPUID, MSR and Power Table. 项目地址: https://g…

作者头像 李华
网站建设 2026/4/18 4:06:19

从Prompt到Harness:揭秘AI编程的进化与工程化思维

这是 Claude Code 系列的第七篇。和前面六篇不一样,这篇不教你任何新的命令或配置。它做的事情是:给你过去六篇学到的所有东西一个统一的理论框架。 前六篇你做了很多事——写 CLAUDE.md、调 settings.json、装 Skills、接 MCP、管上下文。如果我问你「你…

作者头像 李华
网站建设 2026/4/18 4:02:11

Solo1安全最佳实践:保护你的双因素认证设备免受攻击

Solo1安全最佳实践:保护你的双因素认证设备免受攻击 【免费下载链接】solo1 Solo 1 firmware in C 项目地址: https://gitcode.com/gh_mirrors/so/solo1 Solo1作为一款开源双因素认证设备,采用C语言开发固件,为用户提供了可靠的账户安…

作者头像 李华
网站建设 2026/4/18 3:59:12

CN-Chrome-DevTools:10个必学技巧让你成为前端调试高手

CN-Chrome-DevTools:10个必学技巧让你成为前端调试高手 【免费下载链接】CN-Chrome-DevTools Chrome开发者工具中文手册 项目地址: https://gitcode.com/gh_mirrors/cn/CN-Chrome-DevTools CN-Chrome-DevTools是Chrome开发者工具的中文手册,它提供…

作者头像 李华
网站建设 2026/4/18 3:57:13

Polyglot开发者指南:自定义模型与扩展功能实现

Polyglot开发者指南:自定义模型与扩展功能实现 【免费下载链接】polyglot Multilingual text (NLP) processing toolkit 项目地址: https://gitcode.com/gh_mirrors/pol/polyglot Polyglot作为一款多语言文本处理工具包(NLP)&#xf…

作者头像 李华