开源 AI 导航站模板!

项目简介

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

功能

• 国际化

• SEO友好（支持i18n）

• 动态 sitemap.xml（支持i18n）

• 快速发布

• 使用 NEXT 14 和 app 路由（react服务器组件）

• Supabase serverless 数据库

本地运行

安装

• node

• nvm

• pnpm

设置

（1）克隆此项目

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

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

https://supabase.com

（3）设置环境变量

• 使用visual studio code打开本项目

• 执行shell：

cp .env.example .env.local

• 在 .env.local 填入数值。

• 这里设置你的 supabase URL 和 KEY

（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 项目