Tap4 AI Web UI

Tap4 AI Web UI is the open source AI tools directory build by Tap4 AI Tools Directory. The project aims to help everyone build their own AI Tools Directory easily. You can fork the project and deploy to vercel by one click and update your own ai tools by the dataList in the project.

English | 简体中文

Link Me

You can contact me at Twitter: https://x.com/tap4ai

if this project is helpful to you, buy me a coffee.

If you are interested with the project, you can scan the qr code and enter the wechat group.

Features

Internationalization
SEO friendly (with i18n)
sitemap.xml (dynamic with i18n)
Ship fast
NEXT 14 with app route (react server component)
Supabase serverless database

Quick Start

install

node
nvm
pnpm

(2) signup a account on supabase then create a project

https://supabase.com

(3) setup env

root folder, create .env.local file and fill with values, for example:

# your domain
NEXT_PUBLIC_SITE_URL="https://www.tap4.ai"

# google tracking id and adsense URL
GOOGLE_TRACKING_ID="G-XXXXXXX"
GOOGLE_ADSENSE_URL="https://xxxx.googlesyndication.com/xxxxx/xxxxx"

# Footer contact email
CONTACT_US_EMAIL="contact@tap4.ai"

# your supabase database url and key
NEXT_PUBLIC_SUPABASE_URL="https://xxxyyyzzz.supabase.co"
NEXT_PUBLIC_SUPABASE_ANON_KEY="XXX.YYY.ZZZ"

(4) runs on dev mode

switch to the particular node version

nvm use

install packages

pnpm i

run on dev mode

pnpm dev

How to upate your content?

update "home" or "explore" page (`/` or `/explore`)

lib/data.ts -> dataList

update detail page (`/ai/website-name`)

PS: detail supports markdown

lib/data.ts -> detailList

submit website and read it from database

runs the website and then go to /submit page
input the values and then submit the form
open and check your supabase project

First-Jim/tap4-ai-webui