2025穷鬼开发套餐：不花一分钱，部署一个AI导航网站全流程，附tap4ai、aigotools 对比
为了帮助大家更好地学习AI编程，我周末花了两天时间，开发并部署了一个AI编程导航网站，采集了一些我认为比较好用的AI编程的周边工具，例如MCP Server、原型设计、免费数据库等等。
对于很多想用 AI 开发产品但不知道做什么的朋友来说，AI导航网站是很好的选择，因为：
AI热度大，市场需求大：你做的 AI 导航网站就有更大可能被人用上
导航网站结构非常成熟：GitHub 上有很多开源的项目，例如 tap4ai、aigotools
导航网站可大可小：但前后端结构完整，做完一个项目能学习到很多知识
下图就是我自己部署好的导航网站：AI Coding Helper，专门帮助没有开发经验的同学，寻找能帮助快速开发的工具，例如免费的数据库、免费的部署托管工具等。感兴趣可以登录 https://aicoding.help 打call
复盘一下我开发这个网站的经验：
首先，「不要重复造轮子」用好GitHub上的开源项目
所以我找了两个很优秀的项目：tap4ai、aigotools，两个都提供了完整的前端网站、后端爬虫服务，但其中又有不一样的方案。
到底哪个更适合我？我特意花了半天时间来做对比。从对比的过程中，我们能还原「开发部署一个网站需要的服务与流程」。
这两个项目都是优秀的AI导航网站，其中tap4ai是老前辈开源比较早，而aigotools则比较新。
技术方案对比
在技术上，我们把网站分成前端和后端，前端方面，这两个相似，用的是当下很火的Next.js
而对于后端，主要解决的是网站爬虫的问题：
采集网站的信息，然后让AI改写成导航网站上的介绍
把网站的首页做一个截图，这样能放到我们导航网站上
可以看得出来，真正的工作量是在后端，所以这个必须选择自己熟悉的，这也是我选择tap4ai的原因——我会Python。
| 方面 | tap4ai | aigotools |
|—|—|—|
| 前端框架 | Next.js 14 (React服务器组件) | Next.js |
| 后端技术 | Python | Nest.js (TypeScript) |
| 数据库 | Supabase | MongoDB |
| 缓存 | 无明确提及 | Redis |
| 爬虫实现 | Python (pyppeteer) | Playwright |
| 大语言模型 | Groq (llama3) 或自定义OpenAI兼容API | OpenAI、Jina |
| 图像存储 | Cloudflare R2 | 多种选择 (本地minio、AWS S3、腾讯云COS) |
| 构建工具 | pnpm | pnpm |
| 容器化 | 支持Docker | 支持Docker，docker-compose |
| 项目结构 | 拆分为爬虫和前端两个仓库 | 单仓库多包 (monorepo) |
功能特性
接着看更具体的功能，前面我们说后端对网站进行截图，执行上就是一个「浏览器自动化」，通过使用pyppeteer或者Playwright包，调用chromium，进入到网站，然后做一个截图处理。
| 功能 | tap4ai | aigotools |
|—|—|—|
| 网站管理 | 基本支持 | 完整支持，后台管理系统 |
| 网站自动收录 | 支持，基于Python爬虫 | 支持，基于Playwright |
| 内容处理 | 使用LLM生成SEO友好内容 | 使用LLM生成内容 |
| 截图生成 | 支持，使用pyppeteer | 支持，使用Playwright |
| 用户管理 | 不明确 | 支持 (使用clerk) |
| 国际化 | 支持i18n | 支持i18n |
| 主题切换 | 不明确 | 支持暗色/亮色主题 |
| 定时任务 | Vercel Cron Jobs | Bull队列 |
| API限流 | 不明确 | 支持(ThrottlerModule) |
SEO 方面对比
市场推广和后期运营，远比网站技术来的更重要，尤其是SEO这块，想要网站获得流量，必须具备一些SEO知识，同时，在网站的底层架构、内容逻辑上，都需要提前设计，这也是为什么我找开源项目的原因，一般来说他们都已经做好了这部分的设计。
| SEO特性 | tap4ai | aigotools |
|—|—|—|
| 动态Sitemap | 支持，带i18n功能 | 支持 |
| Meta标签优化 | 针对每个工具生成 | 完整支持 |
| 内容生成 | LLM生成SEO友好描述 | LLM内容优化 |
| 多语言SEO | 支持 | 支持 |
| 结构化数据 | 不明确 | 支持 |
使用第三方服务对比
现在各式各样的服务都有，很多事情不需要自己从头开始做，而是可以借助第三方工具来完成。例如：
Cloudflare R2：用于存储网站截图和图片资源
Supabase：作为数据库解决方案
通过这些工具，我们可以实现零成本或低成本部署。
| 方面 | tap4ai | aigotools |
|—|—|—|
| 存储方案 | Cloudflare R2 | 多种选择 (本地minio、AWS S3、腾讯云COS) |
适合选择tap4ai的情况
有Python开发经验而非TypeScript经验
希望使用Groq的llama3而非OpenAI
已有Cloudflare R2存储和Supabase数据库
想要简单快速部署前端部分
适合选择aigotools的情况
需要完整的后台管理功能
需要用户系统
希望一体化部署所有服务
对多语言和主题切换有需求
需要UI设计资源
有TypeScript/JavaScript开发经验
需要灵活的图片存储方案
如果你不是专业开发者，并且希望快速搭建一个基本功能的AI导航站，tap4ai可能更适合，因为Python爬虫部分相对易于理解和修改。
如果你需要一个功能完整、架构清晰的解决方案，并且有一定的Web开发经验，aigotools可能更合适，它提供了更完整的功能和更灵活的架构。
从长期维护角度，aigotools的monorepo结构和TypeScript类型系统可能会带来更好的开发体验和代码质量。
从部署难度角度，aigotools的docker-compose配置使得整体部署更加简便，不需要单独配置多个服务。
从设计资源角度，aigotools提供了Figma设计资源，对于需要进行UI定制的场景更友好。
对比工具
我把这两个项目的对比做成了HTML帮助大家更好的理解：https://api.bggg.tech/website/38d3b2b5-ad88-4178-8a79-48da4359061b/
对出海网站开发有哪些不清楚的地方需要我讲解的吗？欢迎评论区留言交流。
微信：dszb199
相关推荐
