这是一个由Tap4 AI工具导航站开源的AI导航站项目。我们的目标是让大家很容易就拥有一个属于自己的AI导航站， 收录自己喜欢的AI工具产品。这个项目非常轻量级，维护简单，适合对AI导航站感兴趣的个人开发者，也适合对NextJs有兴趣的学习者， 欢迎大家fork和star。
English | 简体中文
- AI站点数据采用supabase数据库存储
- 对接Tap4 AI爬虫项目，支持提交和收录全自动
- 支持简易的分类和搜索
注：如果你对数据库不熟悉，或者担心和v1.0.0版本的兼容问题，请点击切 到v1.0.0分支。
- 支持AI工具列表展示
- 支持AI工具分类筛选
- 支持AI工具搜索
- 支持AI工具Markdown详情展示
- SEO友好（支持i18n）
- 使用 NEXT 14 和 app 路由（react服务器组件）
- Supabase serverless 数据库
- 国际化
- SEO友好（支持i18n）
- 动态 sitemap.xml（支持i18n）
- tailwind CSS
欢迎关注我们的Twitter: https://x.com/tap4ai
如果觉得项目对你有帮助，欢迎请我喝杯咖啡：
如果你对项目有兴趣，欢迎添加我微信: helloleo2023, 备注: "tap4 ai开源"，也可以扫描二维码:
具体见Tap4 AI Crawler 部署完成后，可以使用平台提供的域名或者自定义域名，作 为生成AI工具网页内容的API接口(示例：https://{crawler_domain}/site/crawl, {crawler_domain}为你的具体域名)，需要配置到 env环境变量CRAWLER_API中
- 注册Supabase, 创建数据库，记录SUPABASE_URL和SUPABASE_ANON_KEY, 用于后面vercel环境变量部署
- Supabase后台执行项目中db目录下的sql文件：create_table.sql, insert_category_data.sql, insert_data.sql 注：如需修改数 据可以参考sql文件，也可以直接上Supabase后台编辑
环境变量参考如下: 注：环境变量key必须添加，必须正确的key包括 NEXT_PUBLIC_SITE_URL,NEXT_PUBLIC_SUPABASE_URL,NEXT_PUBLIC_SUPABASE_ANON_KEY，其他可填写随意字符串
# Your domain
NEXT_PUBLIC_SITE_URL="https://tap4.ai"
# Google tracking ID and ad URL
GOOGLE_TRACKING_ID="G-XXXXXXX" GOOGLE_ADSENSE_URL="https://xxxx.googlesyndication.com/xxxxx/xxxxx"
# Contact email at the bottom
CONTACT_US_EMAIL="[email protected]"
# Supabase database URL and key
NEXT_PUBLIC_SUPABASE_URL="https://xxxyyyzzz.supabase.co" NEXT_PUBLIC_SUPABASE_ANON_KEY="XXX.YYY.ZZZ"
# Web crawler API interface
CRAWLER_API="https://crawler_domain/site/crawl_async"
# Crawler interface verification key
CRAWLER_API_KEY="xxxx"
# Custom interface verification key
CRON_AUTH_KEY="keyxxxx"
# Submit API verification key
SUBMIT_AUTH_KEY="xxxx"
注：此版本采用了vercel的定时任务用来自动读取自动提交的网站并生成网站结果
- 免费版vercel：仅支持每天调用1次，可以手动调用{doamin}/api/cron, 采用POST, Header: {"Authorization":"Bearer auth_key"}, 其中auth_key为env环境变量自定义配置
- Pro版vercel：可以参照此文档配置Vercel Cron Jobs
- node
- nvm
- pnpm
git clone https://github.com/6677-ai/tap4-ai-webui.git- 注册Supabase, 创建数据库，记录SUPABASE_URL和SUPABASE_ANON_KEY, 用于后面vercel环境变量部署
- Supabase后台执行项目中db目录下的sql文件：create_table.sql, insert_category_data.sql, insert_data.sql 注：如需修改数 据可以参考sql文件，也可以直接上Supabase后台编辑
- 在根目录下，创建
.env.local文件，填入具体数值，例子如下：
环境变量参考如下: 注：环境变量key必须添加，必须正确的key包括 NEXT_PUBLIC_SITE_URL,NEXT_PUBLIC_SUPABASE_URL,NEXT_PUBLIC_SUPABASE_ANON_KEY，其他可填写随意字符串
# Your domain
NEXT_PUBLIC_SITE_URL="https://tap4.ai"
# Google tracking ID and ad URL
GOOGLE_TRACKING_ID="G-XXXXXXX"
GOOGLE_ADSENSE_URL="https://xxxx.googlesyndication.com/xxxxx/xxxxx"
# Contact email at the bottom
CONTACT_US_EMAIL="[email protected]"
# Supabase database URL and key
NEXT_PUBLIC_SUPABASE_URL="https://xxxyyyzzz.supabase.co"
NEXT_PUBLIC_SUPABASE_ANON_KEY="XXX.YYY.ZZZ"
# Web crawler API interface
CRAWLER_API="https://crawler_domain/site/crawl_async"
# Crawler interface verification key
CRAWLER_API_KEY="xxxx"
# Custom interface verification key
CRON_AUTH_KEY="keyxxxx"
# Submit API verification key
SUBMIT_AUTH_KEY="xxxx"
切换到特定的node版本
nvm use安装依赖包
pnpm i在开发模式下运行
pnpm dev- 修改Supabase中的web_navigation数据表的数据，请注意markdown的格式
- 由于不同站点反爬虫机制的兼容性原因，目前爬虫可能出现加载失败的情况，此类问题目前需要手动去查询数据库submit表，然后手动 去创建网站相关的内容，插入到web_navigation数据表中
可以通过Tap4 AI开源的来自其他导航站的13000+个AI工具列表导入(支持sql和csv)： AI Source List
请打开：Tap4 AI
- 在这里打开一个问题：TAP4-AI-Directory
- 给我们发邮件：[email protected]
全球AI工具的集合。| 收集免费的ChatGPT镜像、替代品、prompt、其他AI工具等。欲了解更多信息，请访 问：Tap4 AI
这是提交您的产品以获取用户的网站列表。请访问 Launch Your Product
Flux AI Image Generator现在支持免费体验，欢迎点击访问： Flux AI Image Generator
Photo to Video AI现在支持免费体验，欢迎点击访问： Photo to Video AI
Flux Pro Image Generator现在支持免费体验，欢迎点击访问： Flux Pro Image Generator
Stable Diffusion 3 Medium目前可以免费体验，欢迎点击访问： Free Stable Diffusion 3 Online
Tattao AI Design是为纹身爱好者设计的纹身ai生成器，欢迎点击访问： Tattoo AI Design