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

Deploy on Vercel (Don't forget to setup env)

Runs on local

install

• node
• nvm
• pnpm

setup

(1) clone this project

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

(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

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

Wanna submit your website on Tap4.ai?

Wanna add you website to our /startup page?

• open an issue here: TAP4-AI-Directory
• email us: contact@tap4.ai

Links to our products

TAP4-AI-Directory

The Collection for the AI tools all over the world. | Collect free ChatGPT mirrors, alternatives,prompt, other AI tools, etc. For more, please visit: Tap4 AI

How to get your first users for startup at the website list

Here is the website list for submit your product to get users. Please visit StartUp Your Product List

GPT-4o in OpenAI

The amazing new feature released in 2024.05.14. GPT-4o is coming, let's chat with her. Please GPT-4o

The Tattoo AI Generator and Design

Tattao AI Design is a tattoo ai generator and design for the tattoo fans. If you are interested with it, visit Tattoo AI Design

Anime Girl Studio -- AI Anime Girl Generator and Chat

Anime Girl Studio is the ai anime girl generator and chat product. You can generate what you like and chat with the AI anime girl, please visit Anime Girl Studio

Other open source

Website content crawler code

visit: 6677-ai/tap4-ai-scraper

LICENSE

MIT