README.zh-CN.md

Tap4 AI Web UI

这是一个由Tap4 AI工具导航站开源的AI导航站项目。我们的目标是让大家很容易就拥有一个属于自己的AI导航站， 收录自己喜欢的AI工具产品。这个项目非常轻量级，维护简单，适合对AI导航站感兴趣的个人开发者，也适合对NextJs有兴趣的学习者， 欢迎大家fork和star。

English | 简体中文

功能

• 国际化
• SEO友好（支持i18n）
• 动态 sitemap.xml（支持i18n）
• 快速发布
• 使用 NEXT 14 和 app 路由（react服务器组件）
• Supabase serverless 数据库

感谢关注链接

欢迎关注我们的Twitter: https://x.com/tap4ai

如果觉得项目对你有帮助，欢迎请我喝杯咖啡：

如果你对项目有兴趣，欢迎添加我微信：helloleo2023， 备注："tap4 ai开源"，我会拉你进微信交流群.

快速开始

在supabase上注册一个账户，然后创建一个项目

https://supabase.com, 执行项目的sql脚本： db/db.sql

在Vercel上部署 （别忘了设置环境变量）

环境变量如下：

# 你的域名
NEXT_PUBLIC_SITE_URL="https://www.tap4.ai"

# 谷歌索引 id 和 广告 URL
GOOGLE_TRACKING_ID="G-XXXXXXX"
GOOGLE_ADSENSE_URL="https://xxxx.googlesyndication.com/xxxxx/xxxxx"

# 底部的联系邮箱
CONTACT_US_EMAIL="[email protected]"

# supabase 数据库的 url 和 key
NEXT_PUBLIC_SUPABASE_URL="https://xxxyyyzzz.supabase.co"
NEXT_PUBLIC_SUPABASE_ANON_KEY="XXX.YYY.ZZZ"

当然，你也可以选择Zeabui这种平台

本地运行

安装

• node
• nvm
• pnpm

设置

（1）克隆此项目

git clone https://github.com/6677-ai/tap4-ai-webui.git

（2）在supabase上注册一个账户，然后创建一个项目

https://supabase.com, 执行项目的sql脚本： db/db.sql

（3）设置环境变量

• 在根目录下，创建 .env.local 文件，填入具体数值，例子如下：

# 你的域名
NEXT_PUBLIC_SITE_URL="https://www.tap4.ai"

# 谷歌索引 id 和 广告 URL
GOOGLE_TRACKING_ID="G-XXXXXXX"
GOOGLE_ADSENSE_URL="https://xxxx.googlesyndication.com/xxxxx/xxxxx"

# 底部的联系邮箱
CONTACT_US_EMAIL="[email protected]"

# supabase 数据库的 url 和 key
NEXT_PUBLIC_SUPABASE_URL="https://xxxyyyzzz.supabase.co"
NEXT_PUBLIC_SUPABASE_ANON_KEY="XXX.YYY.ZZZ"

（4）在开发模式下运行

切换到特定的node版本

nvm use

安装依赖包

pnpm i

在开发模式下运行

pnpm dev

如何更新您的内容？

更新“主页”或“探索”页面（/ 或 /explore）

lib/data.ts -> dataList

更新详情页面（/ai/website-name）

• PS: detail 支持 Markdown

lib/data.ts -> detailList

提交网站并从数据库中读取

1. 运行网站后，打开 /submit 页面
2. 输入数值并提交表单
3. 打开并检查您的 Supabase 项目

打算在 Tap4.ai 上提交您的网站？

打算将您的网站添加到我们的 /startup 页面？

• 在这里打开一个问题：TAP4-AI-Directory
• 给我们发邮件：[email protected]

我们产品的链接

TAP4-AI-Directory

全球AI工具的集合。| 收集免费的ChatGPT镜像、替代品、prompt、其他AI工具等。欲了解更多信息，请访 问：Tap4 AI

如何在网站列表中获得您的首批用户

这是提交您的产品以获取用户的网站列表。请访问 StartUp Your Product List

Flux AI Image Generator

Flux AI Image Generator现在支持免费体验，欢迎点击访问： Flux AI Image Generator

Photo to Video AI

Photo to Video AI现在支持免费体验，欢迎点击访问： Photo to Video AI

Flux Pro Image Generator

Flux Pro Image Generator现在支持免费体验，欢迎点击访问： Flux Pro Image Generator

Free Stable Diffusion 3 Online

Stable Diffusion 3 Medium目前可以免费体验，欢迎点击访问： Free Stable Diffusion 3 Online

The Tattoo AI Generator and Design

Tattao AI Design是为纹身爱好者设计的纹身ai生成器，欢迎点击访问： Tattoo AI Design

其他开源项目

网站内容爬虫代码

访问：: 6677-ai/tap4-ai-crawler.