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="contact@tap4.ai"

# 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="contact@tap4.ai"

# 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
• 给我们发邮件：contact@tap4.ai

我们产品的链接

TAP4-AI-Directory

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

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

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

GPT-4o in OpenAI

2024.05.14发布的惊人新功能。GPT-4o来了，让我们与她聊天。请访问 GPT-4o

The Tattoo AI Generator and Design

Tattao AI Design是为纹身爱好者设计的纹身ai生成器。如果您对此感兴趣，请访问 Tattoo AI Design

赞助列表

Anime Girl Studio -- AI Anime Girl Chat & Generator

Anime Girl Studio是AI anime girl生成器和聊天产品。您可以生成您喜欢的角色并与AI anime girl聊天，请访问 Anime Girl Studio

Best AI Girl Friend -- Best AI Girl Chat & Generator

Best AI Girl Friend生成器和聊天产品。您可以生成您喜欢的角色并与AI girl聊天，请访问 Best AI Girl Friend

其他开源项目

网站内容爬虫代码

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