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

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

AI热度大，市场需求大，你做的 AI 导航网站就有更大可能被人用上

导航网站结构非常成熟，github 上有很多开源的项目，例如 tap4ai、aigotools

导航网站可大可小，但前后端结构完整，做完一个项目能学习到很多知识

下图就是我自己部署好的导航网站：AI Coding Helper，专门帮助没有开发经验的同学，寻找能帮助快速开发的工具，例如免费的数据库、免费的部署托管工具等。

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

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

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

到底哪个更适合我？我特意花了半天时间来做对比

从对比的过程中，我们能还原「开发部署一个网站需要的服务与流程」

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

技术方案对比

方面 tap4ai aigotools 前端框架 Next.js 14 (React服务器组件) Next.js 后端技术 Python (爬虫)、Next.js API路由 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)

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

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

1是采集网站的信息，然后让AI改写成导航网站上的介绍

2是把网站的首页做一个截图，这样能放到我们导航网站上

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

功能特性

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

这里不需要管哪个包，反正最后都是让AI去写代码。

功能 tap4ai aigotools 网站管理 基本支持 完整支持，后台管理系统 网站自动收录 支持，基于Python爬虫 支持，基于Playwright

为了更好的阅读体验，来飞书看吧：

https://ry6uq5vtyu.feishu.cn/docx/LjYzdg6d2of7kexIi6GcVmo3nNd