2025穷鬼开发套餐：不花一分钱，部署一个AI导航网站全流程，附tap4ai、aigotools 对比

为了帮助大家更好地学习AI编程，我周末花了两天时间，开发并部署了一个AI编程导航网站，采集了一些我认为比较好用的AI编程的周边工具，例如MCP Server、原型设计、免费数据库等等。

对于很多想用 AI 开发产品但不知道做什么的朋友来说，AI导航网站是很好的选择，因为：

1. AI热度大，市场需求大：你做的 AI 导航网站就有更大可能被人用上
2. 导航网站结构非常成熟：GitHub 上有很多开源的项目，例如 tap4ai、aigotools
3. 导航网站可大可小：但前后端结构完整，做完一个项目能学习到很多知识

下图就是我自己部署好的导航网站：AI Coding Helper，专门帮助没有开发经验的同学，寻找能帮助快速开发的工具，例如免费的数据库、免费的部署托管工具等。感兴趣可以登录 https://aicoding.help 打call

复盘一下我开发这个网站的经验：

首先，「不要重复造轮子」用好GitHub上的开源项目

所以我找了两个很优秀的项目：tap4ai、aigotools，两个都提供了完整的前端网站、后端爬虫服务，但其中又有不一样的方案。

到底哪个更适合我？我特意花了半天时间来做对比。从对比的过程中，我们能还原「开发部署一个网站需要的服务与流程」。

这两个项目都是优秀的AI导航网站，其中tap4ai是老前辈开源比较早，而aigotools则比较新。

技术方案对比

在技术上，我们把网站分成前端和后端，前端方面，这两个相似，用的是当下很火的Next.js

而对于后端，主要解决的是网站爬虫的问题：

1. 采集网站的信息，然后让AI改写成导航网站上的介绍
2. 把网站的首页做一个截图，这样能放到我们导航网站上

可以看得出来，真正的工作量是在后端，所以这个必须选择自己熟悉的，这也是我选择tap4ai的原因——我会Python。

功能特性

接着看更具体的功能，前面我们说后端对网站进行截图，执行上就是一个「浏览器自动化」，通过使用pyppeteer或者Playwright包，调用chromium，进入到网站，然后做一个截图处理。

SEO 方面对比

市场推广和后期运营，远比网站技术来的更重要，尤其是SEO这块，想要网站获得流量，必须具备一些SEO知识，同时，在网站的底层架构、内容逻辑上，都需要提前设计，这也是为什么我找开源项目的原因，一般来说他们都已经做好了这部分的设计。

使用第三方服务对比

现在各式各样的服务都有，很多事情不需要自己从头开始做，而是可以借助第三方工具来完成。例如：

• Cloudflare R2：用于存储网站截图和图片资源
• Supabase：作为数据库解决方案

通过这些工具，我们可以实现零成本或低成本部署。

适合选择tap4ai的情况

• 有Python开发经验而非TypeScript经验
• 希望使用Groq的llama3而非OpenAI
• 已有Cloudflare R2存储和Supabase数据库
• 想要简单快速部署前端部分

适合选择aigotools的情况

• 需要完整的后台管理功能
• 需要用户系统
• 希望一体化部署所有服务
• 对多语言和主题切换有需求
• 需要UI设计资源
• 有TypeScript/JavaScript开发经验
• 需要灵活的图片存储方案

1. 如果你不是专业开发者，并且希望快速搭建一个基本功能的AI导航站，tap4ai可能更适合，因为Python爬虫部分相对易于理解和修改。
2. 如果你需要一个功能完整、架构清晰的解决方案，并且有一定的Web开发经验，aigotools可能更合适，它提供了更完整的功能和更灵活的架构。
3. 从长期维护角度，aigotools的monorepo结构和TypeScript类型系统可能会带来更好的开发体验和代码质量。
4. 从部署难度角度，aigotools的docker-compose配置使得整体部署更加简便，不需要单独配置多个服务。
5. 从设计资源角度，aigotools提供了Figma设计资源，对于需要进行UI定制的场景更友好。

对比工具

我把这两个项目的对比做成了HTML帮助大家更好的理解：https://api.bggg.tech/website/38d3b2b5-ad88-4178-8a79-48da4359061b/

对出海网站开发有哪些不清楚的地方需要我讲解的吗？欢迎评论区留言交流。

微信：dszb199